`

js使用小技巧

    博客分类:
  • js
阅读更多

1.收藏时用图标显示

<link REL="SHORTCUT ICON" href="http://www.asp888.net/site.ico">

2.TD内容实现不换行

只要使用noWrap属性即可

3.获得客户端文件大小

<img src="http://www.webucn.com/web/images/banner.gif" onmouseover="this.alt='文件大小为:'+this.fileSize+'字节'">

4.动态删除元素

img1.removeNode(true)
5.模拟按键:
var WshShell = new ActiveXObject("WScript.Shell");
WshShell.sendKeys("{F11}");
6.以下语句不需要纠错判断

for(i=2;i<1;i++){}

7.把js文件群打包掉用

<script archive=utils.jar src=animation.js></script>

8.获得当前选中文本

document.getSelection()

9.获得对象在document.all[]中元素的下标

txt1.sourceIndex

10.滚动文档到窗口顶部或底部

txt1.scrollIntoView(true)

11.段落自动缩进

<p style=text-indent:26px>内容</p>

12.客户端IP地址

Request.ServerVariables("REMOTE_HOST")

13.元素投影(可彻底解决网页中投影问题)

filter:progid:DXImageTransform.Microsoft.Shadow(color='gray',Direction=135, Strength=3)

14.图片热区焦点隐藏

<img hideFocus>

15.不能在onload事件中open窗口,否则会被拦截

16.选择本地文件时改变图片源

<input type="file" onpropertychange="img.src=value">

17.获取文件路径

var str = "http://localhost/Home/manage/FCKeditor/dialog/fck_image.html"; str = str.replace(/[^\/]+$/,"");

18.js中的trim

String.prototype.trim = function()
{
  return this.replace(/(^[\s]*)|([\s]*$)/g, "");
}

19.定义样式表的子元素样式

.cls button{color:red}

21.文本框tab

<textarea onkeydown="if(event.keyCode==9){clipboardData.setData('Text', '    ');execCommand('paste');return false}" rows=8 cols=28>
</textarea>

22.最大化窗口

<OBJECT classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" onreadystatechange="if (this.readyState==4) this.Click();" VIEWASTEXT><PARAM name="Command" value="Maximize"></OBJECT>

23.图片title换行符

&#13;

24.对body的click事件重定义

document.body.onclick=function(){ alert() }

25.10进制转换为16进制

alert((255).toString(16))

26.隐藏链接提示

<style> 
a  {evt:expression(window.status='')} 
</style> 
<a  href=http://ywicc.com>no  status  information</a>

注意:expression为获焦或失焦时执行,可为寄主创建一参数,使其只执行一次,用于表格控制

27.同时执行两事件

function document.onclick,document.onkeydown(){
   window.alert('Hello World!!!');
}

28.不显示图片工具栏

<meta http-equiv="imagetoolbar" content="no">

29.页面最大化

<OBJECT classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" onreadystatechange="if (this.readyState==4) this.Click();" VIEWASTEXT><PARAM name="Command" value="Maximize"></OBJECT>

30.提交到新的可自义窗口

<form method="post" action="1.htm" target="test" onSubmit="window.open('','test','width=100,height=100')">
<input type="submit">
</form>

31.用css控制表格间隔色

tr{background:expression(this.rowIndex%2==0 ? "red":"")}

32.取得字符的asc码

"s".charCodeAt(0)

33.获得行对象所在行数

o.rowIndex

34.去掉最后一个字符

s.slice(0,-1)

35.获得系统背景

style=background:buttonface

36.表格导出为excel文件

客户端提供链接,在服务器端输出xls文件,由客户保存到客户端即可

服务器端改变文件名的方法是

Response.ContentType = "application/vnd.ms-excel"

Response.AddHeader("Content-Disposition", "attachment;filename=demo.exe")

37.在模式窗口中链接

<base target="_self">

38.求两点夹角

Math.atan2(y1-y0, x1-x0)*180/Math.PI

评论

相关推荐

    搜集的js实践小技巧

    下面,我们将深入探讨一些实用的JavaScript实践小技巧,这些技巧可以帮助开发者提升代码效率、可读性和维护性。 1. **立即执行函数表达式(IIFE)**:在JavaScript中,IIFE是一种常见的封装技术,避免全局变量污染...

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

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

    js200多个小技巧

    根据给定的文件信息,以下是对“js200多个小技巧”中提及的部分知识点的详细解析: ### 1. HTML事件与JavaScript交互 - **`onBlur`**:当元素失去焦点时触发的事件。在示例中,用于检测输入框是否为空,并在失去...

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

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

    js中的小技巧,十分的实用

    以下是一些关于JS的实用小技巧,对于初学者来说,掌握这些知识点将有助于提升编程效率和理解力。 1. `document.write("")`:这是一个常用的输出语句,常用于在页面加载时动态插入HTML内容。 2. 注释:JS支持单行...

    Javascript 实用小技巧

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

    40种Javascript中常用的使用技巧

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

    JavaScript小技巧全集

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

    js中的小技巧.doc

    以下是一些JS中的实用小技巧: 1. **`document.write`**:这是JavaScript中最基本的输出方法,用于向HTML文档中插入动态内容。例如,`document.write("Hello, World!");`会在页面上显示“Hello, World!”。 2. **...

    程序员使用小技巧

    4. **JavaScript小技巧** - **模块化**: 使用CommonJS(Node.js)或ES6的import/export实现模块化,管理代码结构。 - **Promise和async/await**: 解决异步回调地狱,使异步代码更易读,更可控。 - **事件委托**: ...

    JavaScript窗口小技巧.pdf

    这篇文章主要讨论了使用JavaScript实现窗口小技巧,避免设计出难用的网站。文章中提供了几种技术来善用JavaScript的窗口功能,包括如何创建无边框窗口、画布模式窗口等。 首先,文章提到使用多窗口(Multi-window)...

    200多个js小技巧

    以上这些JavaScript小技巧都是为了增强网页的互动性和用户体验。熟练掌握并灵活运用它们,能让你的网页更加生动有趣。在实际开发中,还可以结合其他前端框架如React、Vue等,将这些技巧与现代Web技术相结合,创建更...

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

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

    javaScript小技巧。

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

    Javascript常用小技巧

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

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

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

Global site tag (gtag.js) - Google Analytics