JsDom 编程小结


Posted in Javascript onAugust 09, 2011

1.浏览器兼容问题:
浏览器兼容性的例子:ie6,ie7对table.appendChild("tr")的支持和IE8不一样,用insertRow、insertCell来代替或者为表格添加tbody,然后向tbody中添加tr。FF(FireFox)不支持InnerText,用textContent代替
2.几乎所有DOM元素都有innerText、innerHTML属性(注意大小写),分别是元素标签内内容的文本表示形式和HTML源代码,这两个属性是可读可写的。
动态创建元素的时候innerHTML可以代替createElement(),属于简单,粗放型,后果自负的创建
3.write():
document.write()只能在页面加载过程中才能动态创建
4.
document是window对象的一个属性,因为使用window对象成员的时候可以省略window.,所以一般直接写document
5.history操作历史记录
window.history.back()后退;window.history.forward()前进。也可以用window.history.go(-1)、window.history.go(1)前进
6.clipboardData对象,对粘贴板的操作:
clearData("Text")清空粘贴板;getData("Text")读取粘贴板的值,返回值为粘贴板中的内容;setData("Text",val),设置粘贴板中的值。
7.oncopy="setTimeout('modifyClipboard()',100)"。用户复制动作发生0.1秒以后再去改粘贴板中的内容。100ms只是一个经常取值,写1000、10、50、200……都行。不能直接在oncopy里修改粘贴板。不能直接在oncopy中执行对粘贴板的操作,因此设定定时器,0.1秒以后执行,这样就不再oncopy的执行调用栈上了
8.returnValue属性:
returnValue属性,如果将returnValue设置为false,就会取消默认事件的处理。在超链接的onclick里面禁止访问href的页面。在表单校验的时候禁止提交表单到服务器,防止错误数据提交给服务器、防止页面刷新。
//window.event.returnValue不兼容火狐浏览器
9.
window.event对象的成员:
srcElement,获得事件源对象。几个事件共享一个事件响应函数用。****_click(object sender,EventArgs e)//只有IE支持。
button,发生事件时鼠标按键,1为左键,2为右键,3为左右键同时按。//要测试event.button的值的时候,请在onmousedown事件中测试。如果在onclick事件中只能识别鼠标左键的单击。
10.
window.location.href=‘';//重新导航到新页面,可以取值,也可以赋值。
window.location.reload();//刷新当前页
location.search:获得url(?号以后的,包含?)
11.
(1)onload:网页加载完毕时触发,浏览器是一边下载文档、一边解析执行,可能会出现JavaScript执行时需要操作某个元素,这个元素还没有加载,如果这样就要把操作的代码放到body的onload事件中,或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加载完毕时触发,body onload才是全部加载完成
(2)onunload:网页关闭(或者离开)后触发。
(3)onbeforeunload:在网页准备关闭(或者离开)前触发。
<body onbeforeunload=“return ‘真的要放弃发帖退出吗?'; ">。显示的文字随浏览器版本而有差异。
12.
js中调用方法的时候就是把指针赋给它
var t=add;
function add(){}
13.
window.event.clientX是客户端可视界面
14.
一、setInterval(code,time)方法可以每隔 time毫秒执行一次code.
其中的code有两种方式:
1.直接传入 某个方法 对象 - setInterval(showTime,1000);
2.直接传入要执行 的 js代码字符串 - setInterval("alert(1);",1000);
二、关于 for in (用来循环 对象的属性和值)
使用 for in 来循环数组时,会将 数组的属性先循环出来
然后再 循环 数组里的元素 ,但此时 循环出来的 k 是元素的下标
三、innerHTML
将 字符串 添加到 对应的 双标签 中间。
并且立刻对 该字符串进行解析,如果符合html标签的语法,
则,立即调用 浏览器的解析器,对该字符串进行html解析,并
生成对应的 dom 对象,最后,将该dom对象,追加到被添加的
对象的 子元素 集合(ChildNodes)中。
15.
ShowModalDialog函数的功能:
打开一个子窗口,并且可与父窗口相互传递数据,它与window.open的最大区别
就在于由ShowModalDialog打开子窗口后,父窗口将不能操作。
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,
sFeatures])
参数说明:
sURL
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数
组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个
或几个,用分号“;”隔开。
dialogHeight 对话框高度,不小于100px,IE4中dialogHeight
和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal
方式的对话框时,用px做单位。

dialogWidth: 对话框宽度。

dialogLeft: 距离桌面左的距离。

dialogTop: 离桌面上的距离。

center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定
高度和宽度。

help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。

resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默
认no。

status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[
Modeless]或no [Modal]。
scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动
条。默认为yes。
参数传递方法:
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取
子窗口传回的参数则可通过ShowModalDialog函数的返回值获取。
子窗口获取父窗口参数的方法为采用子窗口window对象dialogArguments属性获
取,例如:
parent.html
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog
("modal.html",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.html
<script>
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>
子窗口向父窗口返回参数采用window.returnValue属性,如:
window.returnValue=1;
window.close();

Javascript 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
Nov 20 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
Aug 17 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
JavaScript的数据类型转换原则(干货)
Mar 15 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
IE 当eval遇上function的处理
Aug 09 #Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 #Javascript
Javascript实现的类似Google的Div拖动效果代码
Aug 09 #Javascript
基于Jquery的文字自动截取(提供源代码)
Aug 09 #Javascript
JQuery动态创建DOM、表单元素的实现代码
Aug 09 #Javascript
用JS判断IE版本的代码 超管用!
Aug 09 #Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
Aug 09 #Javascript
You might like
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
用php实现让页面只能被百度gogole蜘蛛访问的方法
2009/12/29 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
通过php动态传数据到highcharts
2017/04/05 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
Javascript中Eval函数的使用说明
2008/10/11 Javascript
javascript new一个对象的实质
2010/01/07 Javascript
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
javascript-解决mongoose数据查询的异步操作
2016/12/22 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python实现统计代码行数的方法
2015/05/22 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
使用Python的Tornado框架实现一个Web端图书展示页面
2016/07/11 Python
python字典操作实例详解
2017/11/16 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
python实现从wind导入数据
2019/12/03 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
如何利用Python识别图片中的文字
2020/05/31 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
自我鉴定范文
2013/11/10 职场文书
党校培训思想汇报
2013/12/30 职场文书
自行车广告词大全
2014/03/21 职场文书
水电工岗位职责
2015/02/14 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
Python如何导出导入所有依赖包详解
2021/06/08 Python