繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
实例学习Javascript之构建方法、属性
发布：dxy 发布日期：
2007-3-9
字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<!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 全选 提示:你可先修改部分代码,再按运行]
Tags：
实例学习Javascript之构建方法、属性
百度中搜索更多的关于
实例学习Javascript之构建方法、属性
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
用JavaScript事件串连执行多个处理过程的方法
下一篇文章：
li隔行换色改进版
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
在你的网页中嵌入外部网页的方法
如何优化JavaScript脚本的性能
js验证表单第二部分
javascript对象的property和prototype是这
用js来生成随机彩票号码清单
用 JavaScript 给站外链接的 cursor 进行
用JavaScript和注册表脚本实现右键收藏We
firefox中用javascript实现鼠标位置的定位
Firefox 无法获取cssRules 的解决办法
javascript实现的制作特殊字的脚本
最 近 更 新
超强推荐的js编程中的简洁写法收集
琥珀无限级联动菜单-JavaScript版
用javascript父窗口控制只弹出一个子窗口
JavaScript解决Joseph问题
让getElementsByName适应IE和firefox的方
Google Suggest ;-) 基于js的动态下拉菜单
摘自启点的main.js
网页代码常用小技巧总结
获取Javscript执行函数名称的方法
清空代码防止查看源代码的js代码
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
由浅到深了解JavaScript类
支持IE和FF的div＋css选项卡
文章评论
共有 位脚本之家网友发表了评论我来说两句