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 相关文章推荐
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
利用n工具轻松管理Node.js的版本
Apr 21 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
从零开始学习搭建React脚手架项目
Aug 23 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
微信小程序实现树莓派(raspberry pi)小车控制
Feb 12 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 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
php 常用字符串函数总结
2008/03/15 PHP
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
jQuery 事件的命名空间简单了解
2013/11/22 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
NodeJs 文件系统操作模块fs使用方法详解
2018/11/26 NodeJs
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
[01:08:24]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第一场 2月5日
2021/03/11 DOTA
Python 深入理解yield
2008/09/06 Python
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
Python3 replace()函数使用方法
2018/03/19 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
python调用Matplotlib绘制分布点图
2019/10/18 Python
python3将变量输入的简单实例
2020/08/19 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
面向对象编程的优势是什么
2015/12/17 面试题
外贸学院会计专业应届生求职信
2013/11/14 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
党员三严三实对照检查材料
2014/10/13 职场文书
2016年社区党支部公开承诺书
2016/03/25 职场文书
Java实现二分搜索树的示例代码
2022/03/17 Java/Android
python中mongodb包操作数据库
2022/04/19 Python