大家未必知道的Js技巧收藏

1.document.GetElementsByTagName可以获得某一个标签的所有元素，可以通过 
document.getElementsByTagName('*')
获得页面上的所有元素，这里星号代表任何标签，而注释标签的tagName是”!”

2.String 的方法substr与substring的区别 
substr(start[,length]);//表示从start位置开始取length个字符串
substring(start,end);//表示从start，到end之间的字符串，包括start位置的字符但是不包括end位置的字符

3.“==”与“===” 
前者比较两个对象会自动进行类型转换例如比较'12' == 12将返回true；而后者不进行任何转换必须完全相等'12' === 12将返回false

4.如何使网页不可以被保存 
<noscript><iframe src=*.html></iframe></noscript><noscript><iframe src=*.html></iframe></noscript>

5.使用document.referrer可以获得上一页的地址

6.使用input元素的form属性可以得到该input所属的form元素

7.Script标签中的defer属性 
作用是告诉浏览器可以继续执行html，而不必先执行src指定的js代码，直到发生不能继续执行的情况。

8.通过arguments可以得到传递到当前执行function的所有参数的一个数组，即便你没有给该function定义任何参数。

9.可以使用document.anchors获得页面上面所有的链接元素，而不必使用 
document.getElementsByTagName('A');
同样道理还有： 
document.forms
document.images

10.使用js判断客户端机器是否安装了.net framework 
function hasDotNetFramework(){return navigator.userAgent.indexOf(".NET CLR") > -1;}

11.在客户端事件中使用"代替“”” 
例如： 
var html = '<a href="javascript:alert("this is message")">hello</a>';

赞 (0)

相关推荐

  • js 奇葩技巧之隐藏代码

    昨天在群看到有人发了个文章叫<"短"化你的代码>,思路非常不错,采用unicode的零宽字符来实现字符隐藏,虽然有字符,可是你却看不见它. 这篇文章详细的介绍了这种方法的实现原理,最后还给出了一个生成工具. 当然,作者算了留了一个小小的练习给我们,因为他只用了两个字符,导致转换后的数据是原始数据的 8倍. 他给我们提供了4个零宽字符,我们就可以缩小至4倍. 好了,我们来看下代码吧. (function(window) { var rep = { // 替换用的数据,使用了4

  • js技巧收集(200多个) 超强推荐第1/2页

    1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 <input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if  (value=='') {value='郭强'}">点击时文字

  • css li 超出隐藏代码

    这样的方法新手们常常不知道该如何搞定.下面就是方法的演示.不过请注意此方法适用与IE与OP浏览器! 设置li超出部分显示省略号的方法 jb51.net jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS布局 常见问题 jb51.net - Div CSS

  • js技巧--转义符"\"的妙用

    // blueDestiny, never-online // blueDestiny [at] 126.com 通常,我们在动态给定一个container的innerHTML时,通常是样做的: <div id="divc" /> <SCRIPT LANGUAGE="JavaScript"> var div = document.getElementById("divc"); var html = ""

  • Android键盘显示与隐藏代码

    Java代码 复制代码 代码如下: InputMethodManager imm = (InputMethodManager)getSystemService(SendActivity.this.INPUT_METHOD_SERVICE); //显示键盘 imm.showSoftInput(editText, 0); //隐藏键盘 imm.hideSoftInputFromWindow(editText.getWindowToken(), 0);

  • 大家未必知道的Js技巧收藏

    1.document.GetElementsByTagName可以获得某一个标签的所有元素,可以通过  document.getElementsByTagName('*') 获得页面上的所有元素,这里星号代表任何标签,而注释标签的tagName是"!" 2.String 的方法substr与substring的区别  substr(start[,length]);//表示从start位置开始取length个字符串 substring(start,end);//表示从start,到end

  • 不错的10个你未必知道的CSS技巧

    本翻译并未得到作者或网站授权.一切权利都归原作者及原网站所有. 如果你得到原作者或原发表网站的授权,可以自由使用本翻译. 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bold 

  • 7个你应该知道的JS原生错误类型

    概述 从浏览器控制台到运行 Node.js的终端,我们到处都会看到错误.本文的重点是概述我们在js开发过程中可能遇到的错误类型. 提示:良好的错误提示会导致快速而无痛的发展经历与缓慢而痛苦的发展经历之间的区别.在编写可重用的代码时,请确保自己在编写清晰易懂的错误处理代码. 1. RangeError 当数字超出允许的值范围时,将会抛出此错误. 例如 const l = console.logconst arr = [90,88] arr.length=90**99 我们有一个数组,带有两个元素的

  • 你未必知道的JavaScript和CSS交互的5种方法

    随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作.我们的网页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的.下面要讲的这五种JavaScript和CSS共同合作的方法你也许未必知道! 用JavaScript获取伪元素(pseudo-element)属性 大家都知道如何通过一个元素的style属性获取它的CSS样式值,但能获取伪元素(pseudo-eleme

  • 一些老手都不一定知道的JavaScript技巧

    一些不太常用但强大的JavaScript小技巧,新手和老手js开发人员都不一定知道. 1.截断数组与数组长度 复制代码 代码如下: var arr1 = arr2 = [1, 2, 3]; //改变 arr1arr1 = []; // arr2则任然是 [1,2,3] 你会发现arr1用[]方法来清空不会影响arr2的值,假如要想让arr1改变后arr2跟着一起改变 ,则可以这样 复制代码 代码如下: var arr1 = arr2 = [1, 2, 3];arr1.length=0; //注意

  • 经验丰富程序员才知道的15种高级Python小技巧(收藏)

    目录 1.通过多个键值将对象进行排序 2.数据类别 3.列表推导 4.检查对象的内存使用情况 5.查找最频繁出现的值 6.属性包 7.合并字典(Python3.5+) 8.返回多个值 9.列表元素的过滤 filter()的使用 10.修改列表 11.利用zip()来组合列表 12.颠倒列表 13.检查列表中元素的存在情况 14.展平嵌套列表 15.检查唯一性 1.通过多个键值将对象进行排序 假设要对以下字典列表进行排序: people = [ { 'name': 'John', "age&quo

  • 一定要知道的 25 个 Vue 技巧

    一定要知道的 25 个 Vue 技巧

    目录 1. 将 prop 限制为类型列表 2. 默认内容和扩展点 3. 使用引号观察嵌套值 4. 知道何时使用 v-if(以及何时避免使用) 5. 单作用域 slot 的简写(不需要模板标签!) 6. 有条件地渲染slot 6.1 为什么我们希望能够有条件地渲染slot呢? 7. 如何观察slot的变化 8. 将本地和全局风格混合在一起 9. 覆盖子组件的样式--正确的方法 10. 用上下文感知组件创造魔法 10.1 状态共享 10.2 配置 10.3 造型 11. 如何使在 Vue 之外创建的

  • PHP 开发者该知道的 5 个 Composer 小技巧

    Composer 是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer PHP依赖管理的新时代>.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方便. 1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单: composer update foo/bar 此外,这个技巧还可以用来解决"警告信息问题".你一定见过这样的警告信息: Warning: The lock file is not up to date wi

  • 经验丰富程序员才知道的8种高级Python技巧

    本文将介绍8个简洁的Python技巧,若非经验十足的程序员,你肯定有些从未见过.向着更简洁更高效,出发吧! 1.通过多个键值将对象进行排序 假设要对以下字典列表进行排序: people = [ { 'name': 'John', "age": 64 }, { 'name': 'Janet', "age": 34 }, { 'name': 'Ed', "age": 24 }, { 'name': 'Sara', "age": 6

  • 学习JavaScript一定要知道的3个小技巧

    目录 一.神奇的扩展运算符 1.拷贝数组 2.合并数组 3.展开对象 二.进行空检查的最佳方法 1.可选链操作符 2.空值合并运算符 三.使用 .map()..reduce() 和 .filter() 前言: 通常在 Angular 或 React 项目中,code review 时看到一些老式的 JavaScript 代码,就会将开发人员归类为初学者.但是,如果您知道以下 3 个技巧,您将被视为现代 JavaScript 的尤达大师.那么,让我们开始我们的旅程吧! 一.神奇的扩展运算符 扩展运

随机推荐