购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.实例拓展

增加文字切换功能,要实现如图1-2和图1-4所示的单击“开启JavaScript学习之旅吧!”切换文字的动态效果,需使用JavaScript定义函数clickMe(),并为页面p元素绑定单击事件调用clickMe(),就是给p元素增加onclick属性,设定单击事件处理器,并引用函数。

首先将if(mymessage==true)语句中的document.write内容修改为:

然后使用function关键字定义函数clickMe(),代码如下:

函数中使用关键字var定义的字符串变量str赋值为新的文字信息内容,document.get ElementById("demo")是使用id属性来查找id为demo的HTML元素,给它的innerHTML属性重新赋值为新的字符串str,就可以看到需要的切换文字的效果。完整代码展示如下。 jdQZOyqYn3XtQE8kO9n5SftriM+Y9BoBZYFnMx3xLhdjh74bmbWwJeDUZvqNsi3U

点击中间区域
呼出菜单
上一章
目录
下一章
×