accp6.0 《使用javascript增强交互效果》学习笔记ch3 DOM编程
来源:互联网 发布:购物返利源码 编辑:程序博客网 时间:2024/06/14 14:56
目标:
1.使用getElementById()方法访问Dom元素
2.使用getElementsByName()方法访问Dom元素
3.使用getElementsByTagName()方法访问Dom元素
4.使用display样式属性控制元素的隐藏和显示
关键词:visibility 可见性 visible 可见 block 块
history对象
方法
back() 加载history对象列表中的前一个URL
forward() 加载history对象列表中的下一个URL
go() 加载history对象列表中的某一个具体URL (go(1)前进一页,go(-1)后退一页,go(0)载入当前页)
location对象
属性
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
方法
reload() 重新加载当前文档
例:<a href="javascript:location:history.reload()">刷新</a>
replace() 用新的文档替换当前文档
例:
<script type="text/javascript"> var str="Visit Microsoft!" document.write(str.replace(/Microsoft/, "W3School")) </script>
输出:
Visit W3School!
例:全部替换
<script type="text/javascript"> var str="Welcome to Microsoft! "str=str + "We are proud to announce that Microsoft has " str=str + "one of the largest Web Developers sites in the world." document.write(str.replace(/Microsoft/g, "W3School")) </script>
输出
document对象Welcome to W3School! We are proud to announce that W3Schoolhas one of the largest Web Developers sites in the world.
属性
referrer 返回载入当前文档的文档的URL
当前文档如果不是通过超链接访问的,则document.referrer的值为null
URL 返回当文档的URL
方法
getElementById() 返回对拥有指定id的第一个对象的引用
getElementByName() 返回带有指定名称的对象的集合
getElementByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本、HTML表达式或javascript代码
元素的显示和隐藏
visibility属性设置元素是否可见
visibility属性的值
visible 表示元素是可见的
hidden 表示元素是不可见的
语法: object.style.visibility="值"
display属性设置是否显示元素
display属性常见值
none 表示此元素不会被显示
block 表示此元素将显示为块级元素,此元素前后会带有换行符
语法: object.style.display="值"
- accp6.0 《使用javascript增强交互效果》学习笔记ch3 DOM编程
- accp6.0 《使用javascript增强交互效果》学习笔记ch4 DOM高级编程
- accp6.0 《使用javascript增强交互效果》学习笔记ch5 JavaScript和css交互
- accp6.0 《使用javascript增强交互效果》学习笔记ch1
- accp6.0 《使用javascript增强交互效果》学习笔记ch2
- accp6.0 《使用javascript增强交互效果》学习笔记ch6 表单基本验证技术
- accp6.0 《使用javascript增强交互效果》学习笔记ch7 正则表达式和表单辅助特效
- javascript DOM编程艺术笔记——CH3 DOM
- javascript dom编程艺术学习笔记之实现动画效果
- JavaScript DOM编程 学习笔记
- [读书笔记]javascript编程艺术——CH3 DOM
- JavaScript DOM编程艺术 学习笔记(十)用JavaScript实现动画效果
- accp6.0 s2《JSP/Servlet/Ajax技术》学习笔记
- javascript DOM 编程艺术 学习笔记
- javascript DOM 编程艺术 学习笔记
- 《JavaScript DOM编程艺术》学习笔记<一>
- 《javascript+dom 编程艺术 》学习笔记
- JavaScript DOM编程 学习笔记-节点属性
- VS快捷键
- JIRA has been locked
- Java HttpURLConnection超时问题
- pku acm 1017
- 最近发现一些double不能做金融计算的问题
- accp6.0 《使用javascript增强交互效果》学习笔记ch3 DOM编程
- 关于三极管
- (文章)分享功能 & RSS订阅到Google,Yahoo,qq邮箱的接口源码
- FastReport for .net 学习笔记
- android sqlite3命令
- .8 Process (01)
- 关闭过期的TR
- 2011年8月《安全天下事之工控告急》
- htmlParser.Net解析yahoo搜索结果