实例学习Javascript之构建方法、属性

更新时间：2007年03月09日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <link href="http://www.nextway.cn/attachments/month_0605/StyleSheet.css" rel="stylesheet" type="text/css" />     <script language="javascript" type="text/javascript" src="http://www.nextway.cn/attachments/month_0605/TagPage.js"></script>     <script language="javascript" type="text/javascript">         function crea(){             var obj = new CTagPages("maintag");             obj.add(new CTag("files","文件","content1"));//创建一个文档中不存在的内容页             obj.add(new CTag("edits","编辑","content2"));             obj.add(new CTag("windows","窗口","content3"));             obj.add(new CTag("helps","帮助","content4"));                          document.all.tag.innerHTML = obj;             obj.setTag(1);                          obj = new CTagPages("maintag1");             obj.add(new CTag("files","文件","Div1"));//创建一个文档中不存在的内容页             obj.add(new CTag("edits","编辑","Div2"));             obj.add(new CTag("windows","窗口","Div3"));             obj.add(new CTag("helps","帮助","Div4"));                          document.all.tag1.innerHTML = obj;             obj.setTag("files");         }         window.onload = crea;     </script> </head> <body>     <hr />     <div id="tag"></div>    <div id="content1" class="content" style="background-color:Green;">我爱你中国</div>     <div id="content2" class="content" style="background-color:Aqua;">爱你中国</div>     <div id="content3" class="content" style="background-color:Fuchsia">中国爱你</div>     <div id="content4" class="content" style="background-color:Blue">很爱你中国</div>     <div id="tag1"></div>     <div id="Div1" class="content" style="background-color:Green;">我爱你中国</div>     <div id="Div2" class="content" style="background-color:Aqua;">爱你中国</div>     <div id="Div3" class="content" style="background-color:Fuchsia">中国爱你</div>     <div id="Div4" class="content" style="background-color:Blue">很爱你中国</div>      </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

实例学习Javascript之构建方法、属性

第四章之BootStrap表单与图片
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。本文给大家介绍Bootstrap表单与图片的相关资料,需要的朋友可以参考下
2016-04-04
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
这篇文章主要介绍了微信小程序tab切换可滑动切换导航栏跟随滚动实现代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-09-09
详解微信小程序之scroll-view的flex布局问题
这篇文章主要介绍了详解微信小程序之scroll-view的flex布局问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01
JS中的数组转变成JSON格式字符串的方法
这篇文章主要介绍了JS中的数组转变成JSON格式字符串的方法,需要的朋友可以参考下
2017-05-05
使用原生的javascript来实现轮播图
这篇文章主要介绍了使用原生的javascript来实现轮播图,在代码底部给大家补充了原生javascript实现banner图自动轮播切换，需要的朋友可以参考下
2017-02-02
20个你不得不知道的js位运算用法
位运算,那些看似晦涩但又蕴含无限魔力的数字魔术,在JavaScript开发中扮演了默默无闻却又至关重要的角色,本文介绍多个js位运算的使用场景,阐述在JavaScript中,如何巧妙运用位运算实现效率的提升和算法的优化,需要的朋友可以参考下
2023-12-12
js表单登陆验证示例
这篇文章主要介绍了js表单登陆验证的方法,基于thinkPHP前端页面实现javascript针对表单用户名与密码的验证功能,需要的朋友可以参考下
2016-10-10
纯JavaScript创建一个简单的待办事项列表
这篇文章主要给大家介绍了关于纯JavaScript创建一个简单的待办事项列表的相关资料,清单通常用于记录我们在某一天需要完成的所有事项,将最关键的任务放在最上方,将最不重要的事项放在最下方,需要的朋友可以参考下
2024-01-01
教你如何使用THREEJS实现一个可调节档位、可摇头的电风扇
夏天到了，用Three.js实现一个可以摇头和调节档位的电风扇，主要使用到Blender处理3D模型，用Vite+Typescript搭建项目框架，这篇文章主要介绍了使用THREEJS实现一个可调节档位、可摇头的电风扇,需要的朋友可以参考下
2023-06-06
Javascript设计模式之观察者模式的多个实现版本实例
这篇文章主要介绍了Javascript设计模式之观察者模式的多个实现版本实例,本文给出3种实现版本代码,同时给出了Jquery实现版本,需要的朋友可以参考下
2015-03-03

实例学习Javascript之构建方法、属性

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具