`
jslfl
  • 浏览: 323749 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

javascript 20种小技巧

    博客分类:
  • web
阅读更多
原文地址: http://www.iiwnet.com/javascript/7.html

1.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
2.脚本永不出错
<SCRIPT LANGUAGE="javascript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
3.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
4.预定秒数内自动转到指定网址
<meta http-equiv="refresh" content="10; url=http://www.iiwnet.com">
5.怎么改变滚动条的颜色,只有ie5.5版本以上才能支持。
这是使用CSS语言,在次说明一下,它和我的浏览器版本有一定的关系。
scrollbar-arrow-color:上下按钮上三角箭头的颜色。
scrollbar-base-color:滚动条的基本颜色。
scrollbar-dark-shadow-color:立体滚动条强阴影的颜色
scrollbar-face-color:立体滚动条凸出部分的颜色
scrollbar-highlight-color:滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
代码如下:
<style>
<!--
BODY {
scrollbar-face-color:#99CC33;//(立体滚动条凸出部分的颜色)
scrollbar-highlight-color:#A8CBF1;//(滚动条空白部分的颜色)
scrollbar-shadow-color:#A8CBF1;//(立体滚动条阴影的颜色)
scrollbar-arrow-color:#FF9966;//(上下按钮上三角箭头的颜色)
scrollbar-base-color:#A8CBF1; //(滚动条的基本颜色)
scrollbar-darkshadow-color:#A8CBF1; //(立体滚动条强阴影的颜色)
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
}
-->
</style>
6. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
7.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">
8.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
9.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.blur()"><img src="http://www.iiwnet.com/templets/niu/images/logo.png" border=0></a>
10. 网页不会被缓存
<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">
11.删除时确认
<a href='javascript:if(confirm("确实要删除吗?"location="boos.asp?&areyou=删除&page=1"'>删除</a>
12. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
13. 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
14. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
15. <body onselectstart="return false"> 取消选取、防止复制
16. onpaste="return false" 不准粘贴
17. oncopy="return false;" oncut="return false;" 防止复制
18. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
19. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
20. <input style="ime-mode:-Disabled"> 关闭输入法
分享到:
评论

相关推荐

    基于javaScript开发的控制台操作小技巧+非常适合小白入门

    基于javaScript开发的控制台操作小技巧+非常适合小白入门 基于javaScript开发的控制台操作小技巧+非常适合小白入门 基于javaScript开发的控制台操作小技巧+非常适合小白入门 基于javaScript开发的控制台操作小...

    40种Javascript中常用的使用小技巧

    40种Javascript中常用的使用小技巧

    Javascript 实用小技巧

    在本篇标题为“Javascript实用小技巧”的文章中,作者分享了一系列实用的JavaScript代码片段,旨在帮助学习JavaScript的人士掌握一些提高编程效率的技巧。文章内容涉及了JavaScript的Function对象的apply和call方法...

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...

    55种Javascript网页常用小技巧

    标题中的"55种Javascript网页常用小技巧"指的是JavaScript在网页开发中的一些实用且常见的代码片段或方法,用于提升用户体验、增强网页功能或者增强安全性。这些技巧涵盖了多个方面,包括用户交互、页面控制、安全...

    JavaScript实用代码小技巧

    在这篇文章中,我们将深入探讨JavaScript中的实用代码小技巧,特别是EcmaScript 5和6(ES5/ES6+)中的一些隐藏特性。这些技巧可以帮助我们更好地进行对象的深拷贝、处理JSON数据、优化数组操作以及利用ES6新增的数据...

    Javascript事件教程小技巧

    Javascript小技巧,觉得用来查询JS的事件挺方便,主要是事件源对象event.srcElement.tagName ,event.srcElement.type,捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event...

    40种javascript小技巧

    ### JavaScript小技巧详解 #### 技巧1:屏蔽鼠标右键 通过在HTML元素上设置`oncontextmenu="window.event.returnValue=false"`属性,可以禁止用户在该元素上使用鼠标右键。例如: ```html ;"&gt; 无法右击此表格 ```...

    javascript中的小技巧

    ### JavaScript中的实用小技巧 JavaScript 是一种广泛使用的脚本语言,尤其在网页开发中不可或缺。以下是一些在日常编码过程中非常实用的小技巧。 #### 1. 使用 `document.write("")` 清空页面内容 `document....

    javaScript小技巧。

    根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

    javascript网页50种小技巧

    根据给定的信息,我们可以总结出一系列与HTML及JavaScript相关的实用技巧。这些技巧涵盖了从简单的页面交互到更复杂的脚本编写,对于网页设计者和开发者来说非常有用。下面将详细介绍每一条技巧及其应用场景。 ### ...

    JavaScript小技巧全集

    本资料集合了众多JavaScript的小技巧,旨在帮助开发者提升工作效率,增强代码质量。 1. 变量与数据类型 - JavaScript中的变量可以通过`var`, `let`或`const`声明。理解它们之间的区别(作用域、可变性)是基础中的...

    javascript小技巧-js小技巧收集.doc

    这些JavaScript小技巧涵盖了基础语法、数据操作、DOM操作、用户交互等多个方面,对于理解和编写JavaScript代码非常有帮助。学习和熟练运用这些技巧,可以提高开发效率,编写出更高效、更健壮的JavaScript代码。

    Javascript常用小技巧

    以上这些JavaScript小技巧都是为了提升网页用户体验,简化开发过程,以及增强网页的安全性。然而,需要注意的是,某些技巧可能会限制用户的正常使用,例如禁止右键和复制,这在某些情况下可能不符合用户体验最佳实践...

    40种Javascript中常用的使用技巧

    40种Javascript中常用的使用小技巧

    Javascript小技巧之生成html元素.docx

    7. **JavaScript编程的10个有用小技巧**和**12个特别有用的JavaScript小技巧【推举】**:这两篇文章分别分享了10个和12个实用的JavaScript编程技巧,是进阶学习的好资源。 总的来说,掌握生成HTML元素的技巧对...

    1000个javascript小技巧

    这本名为"1000个JavaScript小技巧"的资源集锦涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,解决实际问题。以下是一些关键的知识点,将从这1000个小技巧中提炼出来: 1. **变量声明与作用域**:了解`var`、`...

    javascript中的小技巧大全

    这篇"JavaScript中的小技巧大全"集合了各种实用技巧,旨在帮助开发者提高编程效率和代码质量。以下是一些关键知识点的详细说明: 1. **变量声明与提升(Hoisting)** JavaScript中的`var`、`let`和`const`声明都会...

Global site tag (gtag.js) - Google Analytics