JavaScript小实例——制作页面定时弹出广告
2017-01-23 15:32
411 查看
一、学习js中的获得Dom元素、调用方法和使用setTimeout()方法。
二、实例
1、先在页面中放入广告图片,display属性设置为none,让图片隐藏。
2、创建js方法获取图片对象
getElementsByClassName("class属性值") 返回带有指定类名的对象集合。
getElementById("id值") 返回对拥有指定 id 的第一个对象的引用。
getElementsByName("name属性值") 返回带有指定名称的对象集合。
getElementsByTagName("标签名") 返回带有指定标签名的对象集合。
以上四个方法 都可以用来获得图片对象,但是使用时注意返回对象集合的需要指定索引。用display属性来控制图片的显示与隐藏
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/1351b3f884c51546542871ce0e7cf88d)
3、创建文档树生成后调用的方法。设定多少毫秒后调用show方法
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/3a8820828a290b3453b30241396c1582)
注意这里调用方法是用的方法名+(),与java不同。
二、实例
1、先在页面中放入广告图片,display属性设置为none,让图片隐藏。
2、创建js方法获取图片对象
getElementsByClassName("class属性值") 返回带有指定类名的对象集合。
getElementById("id值") 返回对拥有指定 id 的第一个对象的引用。
getElementsByName("name属性值") 返回带有指定名称的对象集合。
getElementsByTagName("标签名") 返回带有指定标签名的对象集合。
以上四个方法 都可以用来获得图片对象,但是使用时注意返回对象集合的需要指定索引。用display属性来控制图片的显示与隐藏
3、创建文档树生成后调用的方法。设定多少毫秒后调用show方法
注意这里调用方法是用的方法名+(),与java不同。
相关文章推荐
- JavaScript学习——使用JS完成页面定时弹出广告
- 简单的javascript实例二(随页面滚动广告效果)
- 使用jQuery实现页面定时弹出广告效果
- ASP.NET&Javascript实现半透明背景&模式弹出个性化页面实例
- 教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告
- [原创]使用javascript制作漂浮的广告,在页面上自由飘转
- javascript同页面多次调用弹出层具体实例代码
- javascript同页面多次调用弹出层具体实例代码
- JavaEE day03 使用JS完成简单的数据校验、完成图片轮播效果、完成页面定时弹出广告、完成表单校验
- JS应用实例3:定时弹出广告
- jQuery学习(二)——使用JQ完成页面定时弹出广告
- “当页面跳转或者关闭窗口时弹出提示窗口!”JAVASCRIPT实例
- ASP.NET&Javascript实现半透明背景&模式弹出个性化页面实例
- PHP+JAVASCRIPT实现自动弹出打印窗口并自动跳转页面的实例
- Javascript实现广告页面的定时关闭
- 制作Javascript弹出窗口技巧九则
- PHP实例程序:用PHP制作登录页面程序
- 如何在页面中添加焦点 JavaScript实例
- 如何在页面中添加焦点 JavaScript实例
- 自定义制作 自动定时更换图片的桌面背景 html页面