`
100Air
  • 浏览: 118777 次
  • 性别: Icon_minigender_1
  • 来自: 海南
社区版块
存档分类
最新评论

一些js基本用法

阅读更多

以下是引用: http://blog.csdn.net/themaster/archive/2006/07/30/1001096.aspx 

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于
Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return false;" 防止复制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled"> 关闭输入法
8. 永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">
12.删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>
13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>
//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>
14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT 
CTRL
}
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
19.怎样让表单没有凹凸感?
<input type=text style="border:1 solid #000000">

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
20.<div><span>&<layer>的区别?
<div>(division)用来定义大段的页面元素,会产生转行
<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行
<layer>是ns的标记,ie不支持,相当于<div>
21.让弹出窗口总是在最上面:
<body onblur="this.focus();">
22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉?更简单了
<body scroll="no">
</body>
23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.close()"><img src="logo.jpg" border=0></a>
24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>
33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>
34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
36. 检测某个网站的链接速度:
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO
onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1
onerror=auto("http://"+autourl+"")>")}
run()</script>
37. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面
<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
  0 矩形缩小
  1 矩形扩大
  2 圆形缩小
  3 圆形扩大
  4 下到上刷新
  5 上到下刷新
  6 左到右刷新
  7 右到左刷新
  8 竖百叶窗
  9 横百叶窗
  10 错位横百叶窗
  11 错位竖百叶窗
  12 点扩散
  13 左右到中间刷新
  14 中间到左右刷新
  15 中间到上下
  16 上下到中间
  17 右下到左上
  18 右上到左下
  19 左上到右下
  20 左下到右上
  21 横条
  22 竖条
  23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">
40.网页是否被检索
<meta name="ROBOTS" content="属性值">
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow": 文件不被检索,但可查询页上的链接。



分享到:
评论

相关推荐

    Dexie.js基本使用-前端大容量存储IndexedDB 的包装库,可运行代码

    **Dexie.js基本使用详解** Dexie.js是一个轻量级的JavaScript库,它为浏览器中的IndexedDB提供了一个易用且强大的API。IndexedDB是Web浏览器提供的一个原生的本地存储解决方案,允许应用程序在客户端存储大量数据。...

    jstree用法大集合

    这个文件可能包含各种`jstree`的基本和进阶用法,包括不同类型的节点操作(如展开、折叠、添加、删除)、事件处理、以及自定义主题和图标等。通过这些例子,你可以了解如何配置和初始化`jstree`,以及如何与服务器...

    cropper基本用法.pdf

    《使用Cropper实现图形剪切的基本方法》 在网页开发中,图像处理是一项常见的需求,尤其是在用户上传照片或需要自定义裁剪图片时。Cropper是一款强大的JavaScript图像裁剪库,它提供了丰富的功能和易用的API,使得...

    HandleBar.js基本使用

    HandleBar.js是一个强大的JavaScript模板引擎,它为开发者提供了一种高效的方式来组织和处理HTML文档的结构。这个模板引擎主要用于客户端...通过学习和熟练掌握其基本用法,开发者可以更高效地构建富交互的前端应用。

    js基本用法以及CSS的特效ajax框架的基础知识

    本部分将深入探讨JS的基本用法,包括变量声明、数据类型、运算符、流程控制语句(如if/else、for、while等)、函数以及对象。 1. 变量声明:在JS中,我们可以使用var、let或const来声明变量。var是老式声明方式,...

    flv.js和flv.min.js和基本使用demo(附带js文件)

    **基本使用步骤** 1. **引入库**:在HTML文件中通过`&lt;script&gt;`标签引入FLV.min.js,通常放置在`&lt;head&gt;`或`&lt;body&gt;`标签的底部。 2. **准备容器**:创建一个HTML元素,如`&lt;div&gt;`,作为视频播放器的容器。 3. **初始...

    JS-Speed-Test:使用javascript测试用户的粗略连接速度的基本方法

    JS速度测试使用javascript测试用户的粗略连接速度的基本方法。 返回的值以Kbps为单位,但是它不是很准确,因为它没有考虑网络延迟,所以它是一个粗略的主意。 这是一个非常基本的工具,因为它非常轻巧(最小2Kb)。 ...

    js实现map用法

    在本文中,我们将深入探讨Map的基本用法、特性以及实际应用。 首先,创建Map有多种方式。最常见的是通过`new Map()`构造函数,例如: ```javascript let map = new Map(); ``` 也可以通过数组的数组来初始化Map,...

    layer.js用法例子

    在本文中,我们将深入探讨`layer.js`的使用方法,帮助开发者更好地理解和应用这个工具。 ### 1. 安装与引入 首先,你需要下载`layer.js`文件,将其放在项目目录中,并通过HTML中的`&lt;script&gt;`标签引入。例如: ```...

    video.js使用常用方法110行demo源程序资源

    在提供的110行代码示例中,我们可以看到这些功能的实际应用和组合,这将帮助开发者快速理解和掌握video.js的基本用法。通过深入研究和实践,可以进一步提升对video.js的掌控能力,从而在项目中实现更高级、更具个性...

    jquery_validate_js的基本用法入门中文WORD版

    资源名称:jquery_validate_js的基本用法入门 中文WORD版内容简介:本文档是jquery.validate.js的基本用法入门;jquery.validate.js是jquery下的一个验证插件,功能比较强大。感兴趣的朋友可以过来看看资源截图: ...

    JavaScirpt的基本用法

    在"JavaScript基本语法.docx"文件中,你可以找到更多关于变量、数据类型、运算符、流程控制等方面的基础知识。"JavaScript事件处理.docx"会详细阐述事件模型、事件冒泡和事件委托等概念。而"JavaScript中的window...

    jsTree中文文档

    **基本用法** 初始化一个jsTree实例,你需要指定一个DOM元素作为树的容器,并提供配置对象来定制行为和外观: ```javascript $('#jstree_demo_div').jstree({ 'core': { 'data': [ { "text": "节点1", ...

    JS基本入门材料

    "JS基本入门材料"这个压缩包文件显然是为初学者设计的一份学习资源,旨在帮助他们理解并掌握JavaScript的基础知识。 首先,我们需要了解JavaScript的基本概念。JavaScript是一种解释型的、基于原型的、弱类型的脚本...

    js日期控件及使用方法

    这篇内容将深入讲解JavaScript日期控件及其使用方法,结合提供的`jsDate.html`和`date.js`文件,我们将学习如何创建和自定义这样的控件。 1. **内置JavaScript日期对象** JavaScript提供了一个内置的`Date`对象,...

    iscroll.js 用法demo

    本文将详细介绍`iscroll.js`的基本用法和一些常见的实例。 ### 1. 安装与引入 首先,你需要下载`iscroll`库,可以从官方网站或者GitHub上获取最新版本。下载后,将其解压并引入到HTML文件中: ```html ...

    js确认框confirm()用法实例详解.docx

    本文将详细介绍 confirm() 函数的用法实例,包括其基本语法、返回值、参数等内容,并提供多种使用方法的实例代码。 confirm() 函数的基本语法 ------------------------ confirm() 函数的基本语法如下所示: `if ...

    flv.js + flv.min.js +基本示例

    "testflv.html" 文件很可能是包含 FLV.js 播放器基本用法的示例代码。通常,这个 HTML 文件会引入 flv.min.js,并设置一个 video 标签来承载视频播放。JavaScript 代码会初始化 FLV.js 播放器,加载 FLV 视频文件,...

    js基本功.doc

    总之,掌握JavaScript的基本功,包括ECMAScript的语法和内置对象的使用,是成为一名合格前端开发者的必备技能。深入理解这些基础知识,并通过实践不断巩固,才能在复杂的Web开发项目中游刃有余。

    Web3.js教程:使用JavaScript与区块链交互(含代码示例).md

    通过这篇教程,读者可以掌握 Web3.js 的基本用法,为开发和测试区块链应用打下坚实的基础。 使用JavaScript与区块链交互使用JavaScript与区块链交互使用JavaScript与区块链交互使用JavaScript与区块链交互使用...

Global site tag (gtag.js) - Google Analytics