`
wly719
  • 浏览: 290743 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

js document 对象

阅读更多
document 对象

窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素
document.elementFromPoint(event.x,event.y).tagName=="TD"
document.elementFromPoint(event.x,event.y).appendChild(ms)
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
获取选中内容
document.selection.createRange().duplicate().text

插件数目
navigator.plugins
取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length
查找对象
document.getElementsByName("r1");
document.getElementById(id);
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE编码
escape(),unescape
父对象
obj.parentElement(dhtml)
obj.parentNode(dom)
交换表的行
TableID.moveRow(2,1)
替换CSS
document.all.csss.href = "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根据宽度换行
style="word-break:break-all"
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
框架透明背景
<iframe src="1.htm" width=300 height=180 allowtransparency></iframe>
获得style内容
obj.style.cssText

自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www.playes.net">
简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">MailMe</a>
快速转到位置
obj.scrollIntoView(true)

<a name="first">
<a href="#first">anchors</a>
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
防止点击空链接时,页面往往重置到页首端
<a href="javascript:function()">word</a>

上一网页源
asp:request.servervariables("HTTP_REFERER")
javascript:document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu = function() { return false;}
禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>
禁止选取
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
禁止粘贴
<input type=text onpaste="return false">
地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
<link rel="Bookmark" href="favicon.ico">
查看源码
<input type="button" value="查看网页源代码" onclick="window.location = 'view-source:'+'http://www.csdn.net/'">
关闭输入法
<input style="ime-mode:disabled">
自动全选
<input type=text name=text1 value="123" onfocus="this.select()">
ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)">
checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能

title换行
obj.title = "123&#13sdfs&#32"
获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
窗口是否关闭
win.closed
窗口最大化
<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");
统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://www.baidu.com/s?wd=阿飞")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码
表格行指示
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">

各种尺寸

s  +=  "\r\n网页可见区域宽:"+  document.body.clientWidth;
s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;
s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";
s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";
s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth;
s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight;
s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop;
s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft;
s  +=  "\r\n网页正文部分上:"+  window.screenTop;
s  +=  "\r\n网页正文部分左:"+  window.screenLeft;
s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height;
s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width;
s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight;
s  +=  "\r\n屏幕可用工作区宽度:"+  window.screen.availWidth;

过滤数字

<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">

特殊用途

<input type=button value=导入收藏夹 onclick="window.external.ImportExportFavorites(true,'http://www.google.com/');">
<input type=button value=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http://www.google.com/');">
<input type=button value=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=语言设置   onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夹 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到频道 onclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">

不缓存

<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">


分享到:
评论

相关推荐

    javascript document 对象的用法大全

    ### JavaScript Document 对象详解 #### 一、Document 对象简介 在Web开发中,`document`对象是浏览器提供的一种能够操作HTML文档的方式。它属于浏览器的`window`对象的一个属性,可以通过`window.document`或者...

    javascript document对象详细介绍

    ### JavaScript Document对象详解 #### 一、概述 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并且提供了访问和操作文档中的元素和内容的方法。通过`document`对象,...

    js document对象详解

    JS 的 document 对象详解 作为 JavaScript 脚本语言中最重要的对象之一,document 对象提供了大量的属性和方法来操作和控制 HTML 文档。下面是对 document 对象的详细介绍。 document 对象属性 1. document.title...

    document 对象.html-javascript中DOM对象内容

    document 对象.html-javascript中DOM对象内容

    javascript的document对象

    ### JavaScript的Document对象详解 在Web开发中,`Document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并提供了与该文档交互的方法和属性。掌握`Document`对象的基本用法对于进行前端开发至关...

    javascript-document对象详解(下).zip

    在这个“javascript-document对象详解(下)”的压缩包中,我们可以通过三个文件来深入理解这个核心概念。 首先,`29.document-fun.html`可能是一个包含实际代码示例的HTML文件,它展示了`document`对象在实践中的...

    javasxript_document对象详解.txt

    ### JavaScript Document 对象详解 #### 一、Document 对象简介 在JavaScript中,`Document`对象是构成浏览器文档对象模型(DOM)的核心部分之一。它提供了对网页文档结构的访问和控制能力,允许开发者通过脚本...

    JS document对象简单用法完整示例

    JavaScript中的`document`对象是浏览器提供的全局对象,用于访问和操作HTML文档的各个部分,包括元素、属性、事件等。本篇文章将详细讲解`document`对象的一些基础用法,包括直接和间接获取页面元素的方法。 1. **...

    js关于document和window对象

    JS 中的 document 对象和 window 对象 在 JavaScript 中,document 对象和 window 对象是两个非常重要的对象,它们都是 Window 对象的属性,用于描述当前显示的文档和浏览器窗口。 document 对象 document 对象是...

    Document对象

    在本文中,我们将详细探讨Document对象的特性、使用场景以及如何利用JavaScript与其互动。 ### Document对象的地位 Document对象在浏览器的顶级对象模型中占据核心位置。当浏览器解析HTML文档时,它会构建一个文档...

    js技术中document对象技术汇总

    ### JavaScript中的Document对象技术汇总 在JavaScript编程语言中,`Document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并提供了多种方法和属性来操作网页内容。通过`Document`对象,开发者...

    什么是document对象?什么是window对象?.pdf

    document对象和window对象是JavaScript中最为重要的内置对象,它们是网页交互的核心。document对象代表了整个HTML文档,而window对象则代表了浏览器窗口本身。理解这两个对象可以帮助开发者实现动态网页内容的更新、...

    Javascript的document对象

    在JavaScript中,`document`对象是所有其他DOM(Document Object Model)操作的基础。 首先,我们可以使用`document`对象的一些基本属性来获取或设置文档的信息。例如,`document.title`用于设置或获取文档的标题,...

    XML document对象模型手册

    XML document对象模型手册包括了JavaScript对Dom结点的解析和对XML的操作。

    javascript 的document对象

    JavaScript 的 `document` 对象是浏览器环境中访问和操作HTML文档的主要接口。它包含了与当前页面相关的各种属性、方法和事件,使得JavaScript能够与用户界面进行交互。以下是对 `document` 对象及其相关属性和方法...

    Document对象内容集合

    ### Document对象内容集合 在网页开发中,Document对象是浏览器为用户提供的重要接口之一,它代表了整个HTML或XML文档,并提供了访问和操作文档结构的方法。本文将深入解析Document对象的相关属性与方法,帮助读者...

    js 面向对象实例

    综合以上知识,`js 面向对象实例`涵盖了JavaScript中的面向对象编程基础,以及如何将这些概念应用到HTML5 Canvas的实践中。通过学习和实践这个实例,你不仅可以理解JavaScript的OOP机制,还能掌握如何利用Canvas API...

    document 文挡对象详解

    在Web开发中,Document对象是JavaScript的核心组成部分,它代表了HTML或XML文档的结构和内容。这个对象允许我们与页面的DOM(文档对象模型)进行交互,包括创建、修改和检索文档元素。本文将深入探讨Document对象的...

Global site tag (gtag.js) - Google Analytics