【HTML DOM Window对象】教程文章相关的互联网学习教程文章

JS实现选定指定HTML元素对象中指定文本内容功能示例【图】

本文实例讲述了JS实现选定指定HTML元素对象中指定文本内容功能。分享给大家供大家参考,具体如下: 该功能用处多多,可以灵活运用之!主要函数如下: //选中文本中指定部分 function selectSomeText(obj,start,end){if(document.selection){if(obj.tagName==TEXTAREA){var i=obj.value.indexOf("\r",0);while(i!=-1&&i<end){end--;if(i<start){start--;}i=obj.value.indexOf("\r",i+1);}}var range=obj.createTextRange();range.co...

深入浅析jQuery对象$.html

$对象说起jQuery,最明显的标志,毫无疑问,就是, ,其实是jquery的简写。而使用$()包装的对象就是jQuery对象与jQuery对象相对应的就是DOM对象,DOM对象其实就是DOM元素节点对象如果直接写document,则指的是document的DOM元素对象document.onclick = function(){ alert(dom); }  而如果用()包括起来,如 ()包括起来,如(document),是jQuery(document)的简写形式,则指的是jQuery对象<script src="jquery-3.1.0.js"></script> ...

jQuery查看选中对象HTML代码的方法

本文实例讲述了jQuery查看选中对象HTML代码的方法。分享给大家供大家参考,具体如下: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src=jquery-1.6.2.min.js></script> <title>jQuery查看选中对象HTML代码<...

javascript生成img标签的3种实现方法(对象、方法、html)

本文实例讲述了javascript生成img标签的3种实现方法。分享给大家供大家参考,具体如下: <div id="d1"></div> <script> //HTML function a(){ document.getElementById("d1").innerHTML="<img src=http://baike.baidu.com/cms/rc/240x112dierzhou.jpg>"; } a(); //方法 function b(){ var d1=document.getElementById("d1"); var img=document.createElement("img"); img.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg"...

JavaScript操作XML/HTML比较常用的对象属性集锦

节点对象属性 childNodes—返回节点到子节点的节点列表 firstChild—返回节点的首个子节点。 lastChild—返回节点的最后一个子节点。 nextSibling—返回节点之后紧跟的同级节点。 nodeName—返回节点的名字,根据其类型。 nodeType—返回节点的类型。 nodeValue—设置或返回节点的值,根据其类型。 ownerDocument—返回节点的根元素(document对象)。 parentNode—返回节点的父节点。 previousSibling—返回节点之前紧跟的同级...

javascript中html字符串转化为jquery dom对象的方法

原html字符串如下: var text="<div id=overLay style=width:50px;height:60px;background:url(imgs/back.png) left top no-repeat; position: absolute;>"+ "<img style=margin-left:4px;margin-top: 3px; src=ima.png width=43px height=43px/>"+ "</div>";   1、下面使用Jquery库将text字符串变量转为Jquery对象。 Jquery代码如下:alert($(text).html());其中$(text)就text字符串转为了一个Jquery对象,最后将该Jquery对象的...

html的DOM中Event对象onblur事件用法实例

本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下: onblur 事件会在对象失去焦点时发生。 语法如下:代码如下:onblur="SomeJavaScriptCode" SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签: <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>, <em>, ...

html的DOM中Event对象onabort事件用法实例

本文实例讲述了html的DOM中Event对象onabort事件用法。分享给大家供大家参考。具体分析如下: onabort 事件会在图像加载被中断时发生。 当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄。 语法:代码如下:onabort="SomeJavaScriptCode" SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签: <img> 支持该事件的 JavaScript 对象: image 在本例中,如果图像的...

html的DOM中document对象images集合用法实例

本文实例讲述了html的DOM中document对象images集合用法。分享给大家供大家参考。具体分析如下: images 集合可返回对文档中所有 Image 对象的引用。 语法:代码如下:document.images[] 为了与 0 级 DOM 兼容,该集合不包括由 <object> 标记定义的图像。 例子:代码如下:<html> <body> <img border="0" src="hackanm.gif" width="48" height="48"> <br /> <img border="0" src="compman.gif" width="107" height="98"> <br /><br />...

html的DOM中document对象forms集合用法实例

本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下: forms 集合可返回对文档中所有 Form 对象的引用。 语法:代码如下:document.forms[] 例子:代码如下:<html> <body> <form name="Form1"></form> <form name="Form2"></form> <form name="Form3"></form> <script type="text/javascript"> document.write("This document contains: ") document.write(document.for...

html的DOM中document对象anchors集合用法实例

本文实例讲述了html的DOM中document对象anchors集合用法。分享给大家供大家参考。具体分析如下: anchors 集合可返回对文档中所有 Anchor 对象的引用。 语法:代码如下:document.anchors[] 例子:代码如下:<html> <body> <a name="first">First anchor</a><br /> <a name="second">Second anchor</a><br /> <a name="third">Third anchor</a><br /> <br /> Number of anchors in this document: <script type=...

html文档中的location对象属性理解及常见的用法

关于location对象的简单理解: 1.location对象中涵盖了当前页面(本页面)或者更直接的说,是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性,可以通过window.location老访问 下面顺便介绍一些URL(资源定位符)的相关信息吧: 在浏览器中URL通常由下面几个部分组成的: [协议][host][path][query] 协议:常见的协议有: http:// 表示资源文件在web服务器上 ftp://表示资源文件在网络上的ftp服务器中 host...

Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中【图】

代码如下:$("#div").bindTemplate({ source : json object, template : null | $("#template") | "<div>{{object}}</div>", dateFormat : "d.m.y", tagOpen : "{{", tagClose : "}}" }); bindTemplate(data) : 绑定数据对象到模板的操作方法 source : json 格式的数据源 template : null 不提供模板,InnerHtml输出 $(“#template”) 利用页面上定义好的html结构作为模板 “<div>{{...}}</div>” 直接定义模板 dateFormat : 时间的...

js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]

<iframe id= "myframe" ></iframe> W3C的标准告诉我们,可以通过Dom对象的contentDocument属性来返回文档对象。 即 代码如下:doc= document.getElementById(myframe ).contentDocument 但对IE浏览器来说,经过测试,IE6,IE7都不支持,IE8开始支持了。 在IE下,需要这样来访问 代码如下:document.frames[myframe].document; 跨浏览器的解决方案是, contentWindow属性,这是个只读属性,返回指定的iframe的窗口对象。 它虽然不...

Javascript String对象扩展HTML编码和解码的方法

代码如下:String.prototype.HTMLEncode = function() { var temp = document.createElement ("div"); (temp.textContent != null) ? (temp.textContent = this) : (temp.innerText = this); var output = temp.innerHTML; temp = null; return output; } String.prototype.HTMLDecode = function() { var temp = document.createElement("div"); temp.innerHTML = this; var output = temp.innerText || temp.textContent; temp = ...