alert

[javascript]数组基础

只愿长相守 提交于 2020-03-19 19:10:02
arguments的用法 1 function sum(){ 2 var result = 0; 3 for(var i=0;i<arguments.length;i++) 4 { 5 result += argument[i]; 6 } 7 return result; 8 } 9 alert(sum(2,3,4)); //10 数组的定义 var a = [1,2,3] 或者 var a = new Array(1,2,3); 数组的属性 -length 既可以获取,也可以设置 var arr = [0,1,2,3] arr.length = 3 ; alert(arr); //0,1,2 数组的添加和删除 -push 在数组末尾添加一个元素 var arr = [0,1,2]; arr.push(3); alert(arr); //0,1,2,3 -pop 在数组末尾删除一个元素 var arr = [0,1,2]; arr.pop(); alert(arr); //0,1 -shift 在数组头部删除一个元素 var arr = [0,1,2]; arr.shift(); alert(arr); //1,2 -unshift 在数组头部添加一个元素 var arr = [0,1,2]; arr.unshift(3); alert(arr); //3,0,1,2

JavaScript 中的陷阱

不问归期 提交于 2020-03-19 13:13:05
3 月,跳不动了?>>> 全局变量 JavaScript 通过函数管理作用域。在函数内部声明的变量只在这个函数内部,函数外面不可用。另一方面,全局变量就是在任何函数外面声明的或是未声明直接简单使用的。 “未声明直接简单使用”,指的是不用 var 关键字来声明变量。这个我们已经非常清楚,避免造成隐式产生全局变量的方法就是声明变量尽量用 var 关键字。 可你以为用了 var 就 ok 了?来看看这个陷进: 1 2 3 4 function foo ( ) { var a = b = 0 ; // body... } 也许你期望得到的是两个局部变量,但 b 却是货真价实的全局变量。why? Because 赋值运算是自右往左的 ,所以这相当于: 1 2 3 4 function foo ( ) { var a = ( b = 0 ) ; // body... } 所以 b 是全局变量。 解决:变量声明,最好一个个来,别搞批发~_~; 变量声明 先来看陷阱: 1 2 3 4 5 6 7 8 9 myName = "global" ; function foo ( ) { alert ( myName ) ; var myName = "local" ; alert ( myName ) ; } foo ( ) ; 乍看上去,我们预计期望两次 alert 的结果分别为 “global” 与

JavaScript 原型解析

大憨熊 提交于 2020-03-19 12:43:00
1、什么是对象? javascript中除了null和undefined之外都是Object的实例。 在Javascript中, 每定义一个函数, 将伴生一个原型对象. 原型就是用来为同一类对象共享类型信息的, 即每一个通过该函数创建的对象都可以共享函数原型上的信息. 也就是说, 当我们定义一个函数的时候, 实际上得到了两个对象, 一个函数对象, 一个原型对象. prototype就是“一个给类的对象添加方法的方法”,使用prototype属性,可以给类动态地添加方法,以便在JavaScript中实现“继承”的效果。 prototype为我们提供了方便,使我们可以在类定义完成之后,仍可以随时为其添加方法、属性,随时添加随时使用——也就是prototype的定义具有动态性。 //用构造函数生成实例对象,有一个缺点,那就是无法共享属性和方法。 function DOG(name) { this.name = name; this.species = '犬科'; } var dogA = new DOG('大毛'); var dogB = new DOG('二毛'); dogA.species = '猫科'; alert(dogB.species); // //不仅无法做到数据共享,也是极大的资源浪费。 function Cat(name, color) { this.name =

javascript基础

一笑奈何 提交于 2020-03-19 08:09:38
一:引入方式 {#1 直接编写#} <script> alert('hello yuan') </script> {#2 导入文件#} <script src="hello.js"></script>  1.声明变量时不用声明变量类型. 全都使用var关键字;   var valuable;   var name="yn", age=20, job="lecturer"; 2.函数声明   funciton method_name(){} function add() { } var x=16; var y=18; alert(x+y); 3. 声明变量时 可以不用var. 如果不用var 那么它是全局变量    4. 注释 支持多行注释和单行注释. /* */ // 5.JavaScript语言中代表特定含义的词称为保留字,不允许程序再定义为标识符 数字类型(Number) 字符串(String) 布尔型(Boolean) true/false Null & Undefined Undefined 类型 Undefined 类型只有一个值,即 undefined。当声明的变量未初始化时,该变量的默认值是 undefined。 当函数无明确返回值时,返回的也是值 "undefined"; Null 类型 如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null。

事件、监听、jQuery、轮播手动

时光总嘲笑我的痴心妄想 提交于 2020-03-19 08:05:06
a链接事件阻止默认行为 return false HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为。 通用性的事件监听方法 1.绑定HTML元素属性 <input type="button" value="clickMe" onClick="check(this)"> 2 绑定dom对象属性 document.getElementById("btn1").onClick=test; //test函数名 两种添加事件方式 1. function show(){ alert("你点击了我"); 2.document.getElementById("mytest1").onclick=show; //+()是调用,不+是参数 function show(){ aler t("你点击了我"); } //页面加载完成后调用 window.onload=function(){ /*第二种添加事件方式*/ document.getElementById("mytest1").onclick=show; } 标准DOM事件监听方法 [object].addEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”); var bt1=document.getElementById(

js中的window.onload和jquery中的load区别

爱⌒轻易说出口 提交于 2020-03-19 08:02:37
JavaScript 中的以下代码 : Window.onload = function (){ // 代码 } 等价于 Jquery 代码如下: $(window).load( function (){ // 代码 }); window.load $(document).ready() 执行时机 必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行 网页中所有 DOM 结构绘制完毕后就执行,可以能 DOM 元素关联的内容并没有加载完 编写个数 不能同时编写多个 以下代码无法正确执行: window.onload = function(){ alert(“text1”); }; window.onload = function(){ alert(“text2”); }; 结果只输出第二个 能同时编写多个 以下代码正确执行: $(document).ready(function(){ alert(“Hello World”); }); $(document).ready(function(){ alert(“Hello again”); }); 结果两次都输出 简化写法 无 $(function(){ // do something }); 以 浏览器装载文档为例,在页面加载完毕后,浏览器会通过 Javascript 为 DOM 元素添加事件。在常规的 Javascript

前端 -- javas-基本语法/引用等

故事扮演 提交于 2020-03-18 06:11:29
javas-基本语法/引用等 JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等。 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0的产品中搭载了一个JavaScript的克隆版叫Jscript. 为了统一三家,ECMA(欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会(ISO/IEC)也采纳 ECMAScript 作为标准(ISO/IEC-16262)。从此,Web 浏览器就开始努力(虽然有着不同的程度的成功和失败)将 ECMAScript 作为 JavaScript 实现的基础。EcmaScript是规范. 前端三大块 1

JS作用域面试题总结

放肆的年华 提交于 2020-03-17 08:53:20
关于JS作用域问题,是面试的时候面试官乐此不疲的面试题,有时候确实是令人抓狂,今天看到一个讲解这个问题的视频,明白了那些所谓的“原理”顿时有种豁然开朗的感觉~~~ 1.js作用域(全局变量,局部变量)内部可以访问外部,但外部的不能访问内部的 var a=10; function aaa(){ alert(a); }; aaa(); //a 为外部变量即全局变量,所以可以直接访问到 结果为10 function aaa(){ var a=10; }; aaa(); alert(a); //a 为函数aaa()内部变量量即局部变量,所以无法访问到 var a=10; function aaa(){ alert(a); }; function bbb(){ var a=20; aaa(); } bbb(); //结果为10,因为aaa()函数不能访问到bbb()里面的局部变量,所以访问到的是a=10,这个全局变量。 2.不用var 定义变量时,会默认为是全局变量(不规范,不推荐) function aaa(){ a=10; } aaa(); alert(a); //结果为10; //等价于: var a; function aaa(){ a=10; }; aaa(); alert(a); //给未声明的变量赋值,此变量就会变成全局变量;var a=b=10; 可以解析成 b=10;var

XSS小游戏的通关之路

我是研究僧i 提交于 2020-03-17 04:58:04
1.开始 <script>alert('a')</script> <script>alert(1)</script> <script>confirm("完成的不错!")</script> <script>prompt("完成的不错!")</script> 2.注意闭合 test"> <script>alert('1')</script> test"><script>confirm("完成的不错!")</script> test"><script>prompt("完成的不错!")</script> 3.尖括号被过滤,用事件来触发,单引号闭合 ' οninput=alert`1` // ' οninput=alert`1` ' ' οnchange=alert`1` // ' οnchange=alert`1` ' ' οnclick='window.alert() 来源: http://www.runoob.com/jsref/event-oninput.html oninput 事件 实例 当用户向 <input> 中尝试输入时执行 JavaScript:<input type="text" οninput="myFunction()"> 定义和用法 oninput 事件在用户输入时触发。 该事件在 <input> 或 <textarea> 元素的值发生改变时触发。 提示:

jQuery中position()与offset()区别

送分小仙女□ 提交于 2020-03-16 10:57:38
jQuery 中 position() 与 offset() 区别 position() 获取相对于它最近的具有相对位置 ( position:relative 或 position:absolute ) 的父级元素的距离,如果找不到这样的元素,则返回相对于浏览器的距离。 offset() 始终返回相对于浏览器文档的距离,它会忽略外层元素。 //获取相对于最近的父级(position:relative或position:absolute)的位置 var vposition = $("#inner").position(); alert(vposition.left); //输出:50 alert(vposition.top); //输出:60 var voffset = $("#inner").offset(); alert(voffset.left); //输出:$("#outer").offset().left+50 alert(voffset.top); //输出:$("#outer").offset().top+60 参考文章:http://www.365mini.com/page/jquery-position.htm 技术交流QQ群:15129679 来源: https://www.cnblogs.com/yeminglong/p/7273104.html