javascript
文章平均质量分 69
lqc851011
这个作者很懒,什么都没留下…
展开
-
Firefox3,IE6,IE7,IE8上传图片预览
Firefox3,IE6,IE7,IE8上传图片预览,这是一个比较实用的功能,暂时记录下来,以供参考。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran转载 2010-01-20 14:52:00 · 440 阅读 · 0 评论 -
访问DOM节点3——通过节点关系
<br />DOM的节点并不是孤立的,因此可以通过DOM节点之间的相对关系对它们进行访问。parentNode、firstChild、lastChild<br />如字面意思,parentNode用于访问父节点。firstChild和lastChild则分别用于访问某个节点的第一个子结点和最后一个子结点。其中,nodeName是只读的,元素节点的nodeName和标签名字一样,属性节点的nodeName就是该属性,文字节点的nodeName永远是#text,文档节点的nodeName是#document。应转载 2010-10-27 14:25:00 · 556 阅读 · 0 评论 -
DOM节点信息
<br />每个DOM节点都保存了关于该节点的一些信息,我们来看看如何访问这些信息。nodeName、nodeValue和nodeType<br />同样,按照字面意思:nodeName表示节点名称,nodeValue表示节点值,nodeType则为节点类型。每个DOM节点都包含这些信息,我们可以很方便地通过JavaScript来访问这些属性。下面我们就来看一个使用这些属性的一个例子。应用实例HTML代码:<div><br /> <p id="test">test文字</p><br /></div>Jav转载 2010-10-27 14:24:00 · 488 阅读 · 0 评论 -
Firefox3,IE6,IE7,IE8上传图片预览
<!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; char转载 2010-10-27 16:59:00 · 509 阅读 · 0 评论 -
DOM的结构
<br />HTML的标签在DOM中都是一个个节点,而这些节点组成了DOM的整体结构——节点树。<br />DOM的结构与家谱的结构极其相似。<br /><br />我们将这个结构称之为“节点树”。例如如下的HTML:<html> <head> <title>HTML DOM</title> </head> <body> <h1>DOM的结构</h1> <p><a href="href">链接</a></p> </body><br /></html><原创 2010-10-27 14:22:00 · 710 阅读 · 0 评论 -
document.selection.createRange()
<br />document.selection.createRange方法:<br />document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。<br />一个简单的例子<br /> <html><head><title>document.selection.createRange例子</t转载 2010-10-26 17:56:00 · 2528 阅读 · 0 评论 -
parentNode, firstChild, lastChild, previousSibling, nextSibling
///insertBefore///Hacking JavaScriptHello world!I am a JavaScript hacker!var x = document.getElementsByTagName('h1')[0];var y = document.getElementsByTagName('p')[0];x.parentNode.insertBefore(y,x);///removeChild///var x = document.getElementById('testID');转载 2010-10-26 17:47:00 · 3121 阅读 · 0 评论 -
网页自动跳转代码
本页5秒后将自动跳转......本代码由网页特效网提供原创 2010-10-27 18:02:00 · 814 阅读 · 0 评论 -
删除DOM节点——removeChild
本节介绍了如何使用removeChild从文档中删除DOM节点,举出一个简单例子的同时还简单介绍了该函数的返回值。上一节我们看了如何使用innerHTML来修改DOM,而使用removeChild函数则可以删除文档中的指定节点。我们仍然使用一个例子来说明该函数的使用方法。HTML代码我是将要被删除的节点实例JavaScript代码删除节点示例remove() ,点击这个按钮就会将上原创 2010-10-27 14:18:00 · 1737 阅读 · 0 评论 -
JS怎么控制IFRAME高度自动适应内容而不出现滚动条
function setHeight(){ var iframe = document.getElementById("iframe_id"); try{ var aHeight = iframe.contentWindow.document.body.scrollHeight; var bHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Ma原创 2010-07-21 11:21:00 · 13965 阅读 · 4 评论 -
JavaScript判断浏览器类型及版本
你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中,浏览器转载 2010-04-14 11:18:00 · 419 阅读 · 0 评论 -
用JavaScript防止重复提交表单form的两种方法
用JavaScript防止重复提交表单form的两种方法。 1、用javascript设置一个变量,只允许提交一次。 var checkSubmitFlg = false; function checkSubmit(){ if (checkSubmitFlg == true){ return false; } checkSubmitFlg = true; return原创 2010-01-10 17:09:00 · 746 阅读 · 0 评论 -
火狐不执行js的一些解决办法及火狐对js的兼容问题
1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行 (2)解决方法: 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用转载 2010-01-09 18:55:00 · 1909 阅读 · 0 评论 -
整理浏览器对网页的兼容性问题(一)——JS&DOM篇
浏览器市场的百花争艳既打破了IE一家独霸的垄断局面也给网页开发者带来不小的麻烦,IE、FireFox、Opera、Safari……还有新秀Chrome...昨日黄花Netscape...Oh My God!究竟哪款浏览器可以完美展现我的网页效果?我那制作精美的网页在哪款浏览器上又糟糕的一塌糊涂?本文仅关注占浏览器市场份额绝大部分的IE与FireFox对网页开发中的兼容性问题,文中所涉及经验部分为笔转载 2010-01-09 18:35:00 · 789 阅读 · 0 评论 -
JS对frame内容的访问(IE&&FF)
IE:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->window.document.getElementById(frameid).contentWindow.document.getElementById(elementid)window.do转载 2010-03-04 16:15:00 · 968 阅读 · 0 评论 -
很实用的漂浮广告
很实用的漂浮广告,可以直接拷贝后,改变图片的URL就可以直接运行了。.flow{position:absolute; z-index:200; width:119px; height:165px; text-align:left; cursor:pointer}.flow a.a1{ position:relative;} 关闭 var x = 0,y = 0;var xi原创 2010-01-28 10:21:00 · 612 阅读 · 0 评论 -
frame框架怎么实现读取某个网页的特定位置
如何在一个frame下获得另外一个frame里元素的值:例如存在如下3个页面:main.htm sub1.html sub2.htmla)main.html 内容如下: b)sub1.html内容如下: 用户名: 密 码: c)sub2.html内容如下:转载 2010-01-27 15:44:00 · 2793 阅读 · 1 评论 -
JavaScript 图片预览效果
随着浏览器安全性的提高,要实现图片预览也越来越困难。不过群众的智慧是无限的,网上也有很多变通或先进的方法来实现。在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。兼容:ie6/7/8, firefox 3.5.5后台支持下还兼容:opera 10.10, safari 4.0.4, chrome 3.0ps:兼转载 2010-01-20 14:30:00 · 844 阅读 · 0 评论 -
DOM信息nodeType的应用
<br />本文介绍了使用DOM节点的nodeType属性来过滤出特定类型节点的方法。并且举了一个统计文档内所有元素节点的实例。 <br />使用DOM时一个很奇怪(也很恼人)的情况就是连代码中的换行都可能会被视为节点。以下面的HTML代码为例。HTML代码<br />代码如下,我们可以清楚地看到div节点内只有一个段落。<div id="test"><br /> <p>我是测试段落</p><br /></div><br /><div id="result"> </div>JavaScript代码转载 2010-10-27 14:28:00 · 497 阅读 · 0 评论