1,准备要素 1)替换字体的js文件 js代码:function com_stewartspeak_replacement() { /*Dynamic Heading GeneratorBy Stewart Rosenbergerhttp://www.stewartspeak.com/headings/This script searches through a web page for specific or general elementsand replaces them with dynamically generated images, in conjunction witha server-side script. */replaceSelector("h1","dynatext/heading.php",true);//前两个参数需...
通过网上的资料,加上自己的整理,写了一份html摇一摇功能的简介,用做技术备份。 知识要点 1、DeviceMotionEvent这是html5支持的重力感应事件,关于文档请看:http://w3c.github.io/deviceorientation/spec-source-orientation.html 事件介绍: deviceorientation 提供设备的物理方向信息,表示为一系列本地坐标系的旋角。 devicemotion 提供设备的加速信息,表示为定义在设备上的坐标系中的卡尔迪坐标。其还提供了设备在坐标系中...
代码如下:if (document.createEvent) { var clickEvent = document.createEvent("MouseEvents"); clickEvent.initEvent("click", false, true); this.fileEl.dom.dispatchEvent(clickEvent);//ff } else if (document.createEventObject) { this.fileEl.dom.fireEvent("onclick", document.createEventObject(e.browserEvent));//ie }
HTML颜色选择器 范围:#000 - #FFF //  '); } document.writeln(''); var begin = 0; for (var i = 0; i '); for (var g = begin; g '); } } document.writeln(''); } } // ]]> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
空格处理 当在DIV中输入"a[任意个空格]a" HTML呈现在Chrome和IE下是一样的:只显示一个空格。 innerHTML属性IE还是两个a加一个空格, Chrome则是原始输入的样子。 回车 当在DIV中输入"a[回车][任意个空格]a"时,HTML呈现Chrome和IE是一样的。 innerHTML属性IE是3个字符,在两个a中间加了个空格。 Chrome则是原始输入的样子,将回车解析为\n。 HTML标记 当在DIV中输入"aa" HTML呈现在Chrome和IE下是一样的。 innerHTML属性IE中是...
第一次看到敏捷开发的定义,我就被敏捷开发迷住了。通俗来说,敏捷开发可以让我们用过的代码可以再次重用,因为是再次重用,所以相对安全,再次调试也没有第一次那么费心,省时省力。不断重用代码的过程中把存在的bug不断的修复,也因为不断的去重用, 这个模板变得起越来越独立,适用的情况越来越广范,最后在安全方面达到铜墙铁壁,在开发方面达到随心所欲,在维护方面达到从容面对。敏捷开发的确是利害,但如何练就这种深奥的武...
在您开始本文的阅读前,我强烈建议您可以先读一读此篇:http://w3help.org/zh-cn/causes/SD9004.HTMLCollection 接口定义 interface HTMLCollection{ readonly attribute unsigned long length; Node item(in unsigned long index); Node namedItem(in DOMString name);}对于 HTMLCollection集合对象 必须要说一说的是 namedItem方法. 看看规范的解释.原文:namedItem methodThis metho...
W3C的标准告诉我们,可以通过Dom对象的contentDocument属性来返回文档对象。 即 代码如下: doc= document.getElementById(myframe ).contentDocument 但对IE浏览器来说,经过测试,IE6,IE7都不支持,IE8开始支持了。 在IE下,需要这样来访问 代码如下: document.frames[myframe].document; 跨浏览器的解决方案是, contentWindow属性,这是个只读属性,返回指定的iframe的窗口对象。 它虽然不是标准的一部分,但各个主流浏览器...
代码如下: document.getElementById("trone").innerHTML = "haha"; 在IE中,有时候会出现"未知的运行时错误(unknown runtime error)",而在firefox里不会。 这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的要求,比如如果你是在一个p里加入包含的html代码,这是会出错的。所以如果你发现这些错误出现,尝试做两件事情: 1、检查你尝试加到innerHTML的html代码是否包含破损的html标...
1. HTML页面: 代码如下: $(function() { $("#clickToInsert").click(function() { $.get("service.ashx?file=pages2_1.txt", function(data) { $("#placeholder").html(data); }, "text"); }); }); 2. service.ashx 后台代码: 代码如下: public void ProcessRequest(HttpContext context) { string filePath = context.Request["file"].ToString(); string fileContent = String.Empty; using (StreamReader sr = new St...
我们先来简单回顾下HTML源代码(test2.htm): 代码如下: $(function(){ $('#container').html('' + 'alert(typeof(jQuery.ui));'); }); 2.调试,单步跟进 逐行分析jQuery源代码是一件相当枯燥的事情。我这里会以test2.htm为目标,调试进入jQuery源代码。 1) 首先在html: 打一个断点,刷新页面 这里的value是字符串:"alert(typeof(jQuery.ui));" 我们来看会进入那个条件分支:首先看看rnocache是啥? 可见value中含...
问题描述 有一个比较复杂的HTML片段(A),如果把这个HTML片段嵌入到其他页面中(B,C,D....)。 问题的关键是在HTML片段中有大量的JavaScript逻辑需要处理,比如说分页,点击事件响应等。 对于这个问题,我们用一个简单的例子来说明: “页面上有一个按钮,点击此按钮引入一个HTML片段,此HTML片段中有分页按钮。” 1. 使用IFrame 主页面,点击一个按钮向页面引入一个IFrame: 代码如下: $(function() { $(...
1. 引言 在上一篇文章《如何确保JavaScript的执行顺序 - 之jQuery.html深度分析》中,我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行,其秘密在于 – 同步AJAX获取外部JavaScript。 我们先来简单回顾下HTML源代码(test2.htm): 代码如下: $(function(){ $('#container').html('' + 'alert(typeof(jQuery.ui));'); }); 顺便一提的是,通过这种方式加载的外部JavaScript不可以在Firebug中调试,...
nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 nodeValue 对于文本节点,nodeValue 属性包含文本。 对于属性节点,nodeValue 属性包含属性值。 nodeValue 属性对于文档节点和元素节...
如下 代码如下: jack alert(document.getElementById('user').innerHTML.length); div[id=user]中的文本"jack"前有两个英文空格,各浏览器下结果如下 IE6/7/8 : 弹出4,即忽略了空格 IE9/Firefox/Safari/Chrome/Opera : 弹出6,即没有忽略空格 另换成中文空格不会有这个问题。 以下是Gray Zhang的补充: 1、IE6-8下,对于一个元素的firstChild,如果其为TextNode,且nodeValue前n个字符为空格字符(包括空格、 、 、和一个分页...