大多数的浏览器都内置了弹出窗口的屏蔽程序,即使没有内置此类屏蔽程序的浏览器,用户也可以安装Yahoo tool等带有内置屏蔽程序的应用工具。 结果就是用户可以将绝大多数弹出窗口屏蔽掉。 于是,再弹出窗口的时候,就应该考虑两种可能性。 如果是内置的屏蔽程序组织了弹出窗口,那么window.open()就可能会返回null 。此时,只要检测这个返回值就可以确定弹出窗口是否被屏蔽了。如下面的例子所示。 var newOpenWin = window.open(...
第一种:直接在html文件中书写JS代码
例子:<script type="text/javascript"> /*JS代码*/ </script> 第二种:在一个单独的文件中书写JS代码,然后在这个html页面中引入这个js文件 例子:<script type="text/javascript" src="js/01.js"></script> 注意事项:在同一个script标签中,使用script标签引入外部的js时,不能再写js代码,即便写也不会执行;即在同一个script中不能同时使用两种结合方式,如果都...
原文http://www.w3school.com.cn/js/js_htmldom_html.asp 改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容:今天的日期是: Wed Jun 22 2016 10:15:30 GMT+0800 (中国标准时间)在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。<script>
document.write(Date());
</script>
提示:绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。改变 HTML 内容修改 HTML 内容的最简单的方法时使用 in...
看了这个题目,不知聪明的读者会有什么样的感觉?这篇文章将要讲javascript和DOM的关系呢?还是要讲javascript的DOM?在这里我首先就讲明文章的主旨有两点:什么是DOM?它和javascript的关系是什么? 一 什么是DOM? 官方解释:Document Object Model 是一种用于HTML和XML文档的编程接口。它给文档提供一个结构化的表示方法,可以改变文档的内容和呈现方式。 看了这个官方解释觉得,还是那样没有什么感觉,那好请跟随我继...
今天在看DOM那一章的时候突然想到一个问题,众所周知的js的数据类型有两种:原始类型和对象类型。其中原始类型又包括以下几种类型:数字型、字符串型、布尔值、null和undefined。其中对象类型包括用户通过各种方法自己创建的对象和一些函数数组啊之类的特殊对象。然后,我就在思考那么DOM对象属于这里面的哪一类呢(望哥哥姐姐不要嘲笑),然后我就在找各种资料,然后却并没有发现他到底属于其中哪一部分,然后,乱翻的时候,突然发...
看了这个题目,不知聪明的读者会有什么样的感觉?这篇文章将要讲javascript和DOM的关系呢?还是要讲javascript的DOM?在这里我首先就讲明文章的主旨有两点:什么是DOM?它和javascript的关系是什么? 一 什么是DOM? 官方解释:Document Object Model 是一种用于HTML和XML文档的编程接口。它给文档提供一个结构化的表示方法。能够改变文档的内容和呈现方式。 看了这个官方解释认为。还是那样没有什么感觉,那好请尾随我继...
Javascript 将 HTML 页面生成 PDFhtml2canvas:https://github.com/niklasvh/html2canvasjsPDF:https://github.com/MrRio/jsPDFrender-html-to-pdf (html2canvas + jsPDF)https://github.com/linwalker/render-html-to-pdfhttps://mp.weixin.qq.com/s/13EF1SfGopBAeJeacLXNhAdom-to-image.js :https://github.com/tsayen/dom-to-imagefilesave.js jspdf.js:https://github.com/eligrey/FileSaver.js 原文:https://www.cnblog...
通过 HTML DOM,您能够使用节点关系来导航节点树。DOM 节点根据 W3C HTML DOM 标准,HTML 文档中的所有事物都是节点:整个文档是文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点所有注释是注释节有了 HTML DOM,节点树中的所有节点都能通过 JavaScript 访问。能够创建新节点,还可以修改和删除所有节点。节点关系节点树中的节点彼此之间有一定的等级关系。术语(父、子和同胞,parent、chil...
Style 对象属性可以在Style对象上使用以下属性:“CSS”列指示定义属性的CSS版本(CSS1,CSS2或CSS3)。属性描述CSSalignContent当项目不使用所有可用空间时,设置或返回灵活容器内线之间的对齐方式3alignItems设置或返回灵活容器内项目的对齐方式3alignSelf设置或返回灵活容器内所选项目的对齐方式3animation下面所有动画属性的简写属性,dynamicPlayState属性除外3animationDelay动画开始时设置或返回3animationDirection设置或返...
<script>元素<script>属性:async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。charset:可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有用。defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。 IE7 及更早版本对嵌入脚本也支持这个属性。language:已废弃。原来用...
添加和删除节点(HTML 元素)。创建新的 HTML 元素如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。实例<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</div><script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);var element=document.getElementById("div1");
element....
span 一个没有语义的行内标签base这个标签可以设置超链接的默认跳转方式title 当它是一个标签时用来定义网站的名称,当它是属性时可以用来设置图片的提示文本class 定义标签的类名id 定义标签的Id名active 用来设置元素被激活时的样式的伪类,一般不建议使用伪类实现行为层stylesteet 层叠样式表focus 设置元素获得焦点时样式的伪类,也不建议使用了visited 设置超链接被访问过后的样式的伪类target 设置超链接的跳转方式_blank 是tar...
navigator对象包含有关浏览器的信息。
注意:没有适用于navigator对象的公共标准,但所有主流浏览器都支持它。
navigator对象属性
可以在Navigator对象上使用以下属性:属性描述appCodeName
返回浏览器的代码名称appName
返回浏览器的名称appVersion
返回浏览器的版本信息cookieEnabled
确定是否在浏览器中启用了cookiegeolocation
返回可用于定位用户位置的Geolocation对象language
返回浏览器的语言onLine
确定浏览器是否在线p...
Style 对象属性
可以在Style对象上使用以下属性:
“CSS”列指示定义属性的CSS版本(CSS1,CSS2或CSS3)。属性描述CSSalignContent
当项目不使用所有可用空间时,设置或返回灵活容器内线之间的对齐方式
3alignItems
设置或返回灵活容器内项目的对齐方式
3alignSelf
设置或返回灵活容器内所选项目的对齐方式
3animation
下面所有动画属性的简写属性,dynamicPlayState属性除外
3animationDelay
动画开始时设置或返回
3animationDire...
前言
在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :
1. nodeName : 节点的名称
2. nodeValue :节点的值
3. nodeType :节点的类型
节点类型:元素 1 ,属性 2 ,文本 3 ,注释 8,文档 9。
一、添加和删除节点(HTML 元素)1、创建节点
1)创建该元素(元素节点);
2)向一个已存在的元素追加该元素。
语法:appendChild(newnode)
eg:
<div id="div1"><p id="p1">这是一个段落</p><p id="p2">这是...