BOM即 浏览器对象模型(Browser Object Model)浏览器对象包括Window(窗口)Navigator(浏览器)Screen (客户端屏幕)History(访问历史)Location(浏览器地址)本章节从 Window(窗口)开始讲起示例 1 : 获取文档显示区域的高度和宽度 示例 2 : 获取外部窗体的宽度和高度 示例 3 : 打开一个新的窗口 示例 1 : 获取文档显示区域的高度和宽度一旦页面加载,就会自动创建window对象,所以无需手动创建window对象。通过window对象可以获取...
javascript==jsjs是一种脚本语言,在html中,css管理位置,html主管内容,而js主管动作,减轻后台的操作,可以很简单的就实现对输入的数据的验证。比如说注册的时候,用js中的ajax到后台实时验证本用户名是否已经被注册,验证码是否正确或者用来实现异步更新,为用户带来更好的体验。用jquery来验证密码的合法性,输入密码与确认密码是否一样,从而反馈到html页面上,可以通过操控css或者html页面内容来确认输入内容是否有错。但是a...
https://segmentfault.com/a/1190000002904199=> 是function的简写形式,支持expression 和 statement 两种形式。同时一点很重要的是它拥有词法作用域的this值,帮你很好的解决this的指向问题,这是一个很酷的方式,可以帮你减少一些代码的编写,先来看看它的语法。([param] [, param]) => {statements }param => expression 然后再来看看例子,以及babel 编译后的结果。ES6:babel编译后结果: vue中也有这样的使用:https://segme...
http://sentsin.com/尽管今日的JavaScript已经突飞猛进,但JS的许多特性仍然保留,以下题目并不是有意设坑,许多地方将验证你的JS底细,如果错了一半,请别告诉我你从事前端。1. (function(){return typeof arguments; })();"object""array""arguments""undefined"2. var f = function g(){ return 23; }; typeof g(); "number""undefined""function"Error3. (function(x){delete x;return x; })(1); 1nullundefinedError4. var y...
/*** JavaScript 运算符*/ // instanceof var box = {color: "red" }; box instanceof Array; // false var box = [1, 2]; box instanceof Array; // true/*** JavaScript 数据类型*/ // null 销毁引用 等待垃圾收集器来清理 var box = new Object(); box = null;/*** JavaScript 函数*/ // 用变量初始化函数 var box = function(num1, num2) {return num1 + num2; }; box(1, 2); // 3// 函数可以传递函数 function mySum(num) {re...
选在符的API的核心有两个方法:querySelector()和querySelectorAll() querySelector(a):a是一个css选择符,返回与该模式匹配的第一个元素,如果没有匹配的元素,返回null. 1var result = {}; 2 result = document.querySelector("body"); //[object HTMLBodyElement]3 result = document.querySelector("#guoDiv").innerHTML; //div里面的内容css选择符可以简单也可以复杂.如果传入不被支持的选择符...
学习JavaScript过程中,原型问题一直让我疑惑许久,那时候捧着那本著名的红皮书,看到有关原型的讲解时,总是心存疑虑。当在JavaScript世界中走过不少旅程之后,再次萌发起研究这部分知识的欲望,翻阅了不少书籍和资料,才搞懂__proto__和prototype的概念。故以作此笔记,日后忘了可以回来看看。如果你看的过程中觉得理解有些困难,把例子在代码中跑一跑,亲手试一试也许能解决不少疑惑。一切皆为对象殊不知,JavaScript的世界中的...
说明Node.js中,以异步(Async)回调著称,使用了异步,提高了程序的执行效率,但是,代码可读性较差的。 假如有几个异步操作,后一个操作需要前一个操作的执行完毕之后返回的数据才能执行下去,如果使用Node.js,就需要一层层嵌套下去,Promised对象就是针对此问题所提出来的的解决办法。基本概念Promise对象状态:pending 初始状态,也称为未定状态,就是初始化Promise时,调用executor执行器函数后的状态。fulfilled 完成状态,意味...
关于移动端的js特效话题注意以下 移动端的js开发,我们一般的开发做法就是使用第三方js框架或者插件去开发,有线考虑一下插件,而不是框架。不太会去写原生的js,因为实在是太过于麻烦了有关于本地存储本地存储的话题随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。本地存储特性1、数据存储在用户浏览器中2、设置、...
3.1.标识符,内置函数,对象 按照驼峰命名法;例如:firstSecond;3.2.ECMA5引入严格模式概念,脚本使用严格模式,在文档顶部添加"use strict";3.3.函数内部也可以使用严格模式;function doSomething(){ "use strict" //函数体}3.4.关键字break,case,catch,continue,debugger(五版新增),default,delete,do,else,finally,for,function,if,in,instanceof ,new ,return ,switch ,this , thow , try ,typeof ,v...
[2016-02-09][javascript][在网页上显示内容]通过调用 document.write(string); 来表示内容string 为 html网页中的内容如:123456<script type="text/javascript"> var test = parseInt("as123"); document.write(test); document.write("</br>"); document.write(6666);</script>来自为知笔记(Wiz)原文:http://www.cnblogs.com/qhy285571052/p/5185742.html
关于函数声明:如果 function 是声明中的第一个词, 那么就是一个函数声明, 否则就是一个函数表达式。例如匿名函数这种形式,函数会被当作函数表达式而不是一个标准的函数声明来处理。(function(){// 立即执行函数表达式 })()这种表达式有另外一种用途是倒置代码的运行顺序, 将需要运行的函数放在第二位, 在 IIFE执行之后当作参数传递进去。var a = 2; (function IIFE( def ) {def( window ); })(function def( global ) {var a...
javascript定义函数的方法第一种:functoion 函数名(p1, p2) {函数执行体;return p1 + p2; }第二种 //用的比较多var tt = fuction(p1, p2) {return p1 + p2; }第三种newfunction(p1,p2, p3......pn) {pn是执行体; }重点:每次定义一个js函数的时候就同时产生一个类javascript使用与不使用var的区别使用不使用var的区别: →如果使用var定义变量,那程序会强制定义个新变量。 →如果没有使用var定义变量,系统会优先在当前上下文中...
1、nextSibling浏览器兼容问题<ul><li id="item1"></li><li id="item2"></li><li id="item3"></li></ul>var item1=document.getElementById("item1"); alert(item1.nextSibling.id); alert(item1.nextSibling.nodeType); alert(document.getElementsByTagName("ul")[0].childNodes.length);ie8,ie7弹出的内容依次是:item2,1,3firefox,ie9+,chrome弹出的内容依次是:undefined,3,7 原因是:nodeType=3表示是文本节点,而不是1元...
需求如下:购彩金额 拆分票数 <= 10 1票<= 100 10票<= 200 20票<= 500 50票<= 1000 100票中奖金额=拆分后的单张票*赔率*票数 代码实现如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算奖金</title></head><body><p id="p1id">本局投注金额:</p><input type="text" id="tid" name="amount" ><p id="p3id">赔率:</p><!--<input type="text" id="t1id" >--><select id="t1id...