JavaScript DOM 学习第二章 编辑文本
例子 这个页面就是个例子。点击一个段落,编辑,然后点Ready。你的修改就会呈现。
问题 遇到的第一个问题是:我想用文本框作为编辑区域。一开始我却把内容放不进文本框去。读者发现Mozilla的一个警告说是只有在文本框放...
例子 这个页面就是个例子。点击一个段落,编辑,然后点Ready。你的修改就会呈现。
问题 遇到的第一个问题是:我想用文本框作为编辑区域。一开始我却把内容放不进文本框去。读者发现Mozilla的一个警告说是只有在文本框放...
如果你也想这么做,那么你还需要我的getElementByTagNames()函数。复制代码 代码如下:function createTOC() { var y = document.createElement('div'); y.id = 'innertoc'; var a = y.appendChild(documen...
getElementByTagNames(注意是复数的names)会获得一些tag的元素,然后按照他们的顺序保存在一个数组中。这非常的有用,比如在上一章的TOCScript中,就需要获得整个文章里面的所有的H3和H4。 我非常希望在node原型中加入这个功...
因为每一个表单的检测项都不同,所以我也不能给你一个万能的代码。你需要用我在这一章介绍的这些元素构建自己的检测函数。我在后面一张还有一个例子,你也可以参考。在这一章我会首先讨论一下用JavaScript来检测表单的局...
表单实例 这是一个表单的实力。这里有一个小问题:因为我的服务器现在不支持,所以表单不能提交。我会打印出你的输入,然后返回一个false,这样表单就没有被提交。 onSubmit的代码做了两件事情:检查你是否在四个文本框里面都...
想法 假设你有一个在线的CD评级工具。你希望用户查看他们喜欢的所有CD。但是你怎么知道用户平均会查看多少张呢?你在这个页面上需要添加多少字段呢? 在W3CDOM出现之前这确实是一个问题。假设你放置了7张CD。但是用户很...
在我看来,警告框只用在浏览器不支持其他显示错误信息的办法的时候。W3C建议我们在表单项的附近显示错误信息。这是一种很好的办法,所以我们只在浏览器不支持这种高级的办法的时候才使用警告对话框。 例子 试试下面的例...
虽然我们会讲解用程序创建范围对象,但是我们把精力主要集中在如何将用户的选取范围转换成为W3C 范围或者微软的文档范围对象。 什么是范围范围是指HTML文档中的任意一部分内容。一个范围的开始和结束点都可以是随意的,...
offset 在所有的浏览器里面元素的offsetTop和offsetLeft两个属性都是很有用的。他们会给出你元素相对于父元素的坐标位置。
这段代码会向上查找offsetParent,然后添加offsetTop和offsetLeft。最终无论offsetParent在...
另外,有时候你也许想知道添加到一个元素或者链接上的样式的具体内容。而style属性只能读取元素的内联形式的样式,所以如果你想读取其他样式就得另想办法了。
偏移 在使用一些小技巧之前,IE和Mozilla已经添加了一个比较...
请注意代码和传统的DHTML的区别。在DHTML你通过直接修改页面上的特定元素来改变样式,而这里的代码修改的是样式表。在这里查看W3C DOM-CSS的兼容性列表。定义 一个页面总是包含一个或者几个样式表,一个样式表里面包含一...
这里是测试页。在JavaScript里面设置透明度 我用下面的代码来设置透明度:
复制代码 代码如下: function setOpacity(value) { testObj.style.opacity = value/10; testObj.style.filter = 'alpha(opacity='...
问题 在一个网站中可能我的输入框式下面这样的: 设计者可能想让上传部分也像这样然后再添加一个select按钮。但是当我想把普通的输入框改为上传框时就根本不能工作。浏览器之间有很大的不同,给默认按钮添加样式也几乎...
当示例的box上的#链接处于活动状态的时候(不论是用tab然后点击enter或者使用鼠标点击)这个元素就能够通过方向键拖拽。然后点击enter或者Esc释放。(可以随意改变这些键。我不确定释放键应该设置成为什么所以enter和Esc都...
简单的请求,简单的响应,但是乱码产生了 Why?乱码之所以产生,原因很简单,无非就是编码表用错了,如传的是big5字符,接收却使用utf-8,或utf-8编码,却用GB2312解码。 好吧,先确认一下是否请求过程中产生的乱码 那我发过去的是乱...
原理基本是这样,如果传入的是字符串,那么让它们变成一个元素节点,不过这元素节点也可以有许多层,在最内层把要包裹的元素放进。把字符串变成元素节点的方法有如下几个。1,createElement,IE可以连元素属性也一起创建,但只能创...
回顾一下,IE会把标签内前面的一些空白kill掉,还会把它里面标签统统大写,会显示动态添加的属性,在某些元素中,它还是只读的。这个由IE发明的东西,最后被爆如此多缺陷,真是令人心寒。不过innerHTML还有一地雷,存在于最标准的火...
复制代码 代码如下:var o = { name: 'xxx', lastName = 'blade', someFunction : function() { //bla } };...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]结果是五花八门: [object Object]IE6 [object Object]IE8 [object Window]firefox3.6 [object Window]opera10 [object DOMWindow]safai4.04 [object global]chrome5...
官方地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 脚本之家 http://www.jb51.net/jiaoben/17478.html由于项目的需要,日期大小比较严重是必不可少的,但Validation插件并不具有此功能,这个时候我...
复制代码 代码如下://======需引用jquery框架======//
//返回当前页面高度
function pageHeight(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :...
错误模式:语法错误警告 复制代码 代码如下: function(){ // insert code here }(); 模式一:函数字面量 (Function Literal)
先声明函数对象,然后执行。 复制代码 代码如下: (function(){ // insert code here })();...
<select name="select1" id="select1" size="10"> <option value="1">Option1</option> <option valeu="2">Option2</option> <option value="3">Option3</option> &...
本节并没有涉及到jQuery如何编写,只为大家解决几个常见问题,因为这也是面试中常常遇到的几个问题。如果你掌握了jQuery可以成为提升工资的一个资本。 初学jQuery的朋友,基本上都会问同一个问题“什么是jQuery?”等类似的...
如果你有编程基础,学习Javascript是一件很容易的事情,如果你没有编程基础,也不要担心,我们会为你解释每一行代码。 复制代码 代码如下: <html> <body> <script type=”text/javascript”> document.write(“This is my fi...