js

如何使用js编写九九乘法表

六眼飞鱼酱① 提交于 2020-03-06 18:50:27
js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表; /*--> */ /*--> */ < script type ="text/javascript" > document .write('<table border="1" bgcolor="#ccc" width="80%" cellpadding="0" cellspacing="0" >' ); for( var i = 1;i <= 9;i ++){ document.write( '<tr>'); for( var j = 1;j <=i;j ++){ document .write('<td>' + i +'x' + j +'=' + (i * j) +'</td>' ); } document.write( '</tr>'); } document .write('</table>' ); </script > 大家可以试着去走一下循环,我们把九九乘法表的两个乘数设为两个变量,分别是i和j; 当i=1时满足for循环的条件,执行循环语句,先输出一个<tr>(table标签里面的行属性),然后执行tr里面的另一个for循环; 令j=1,j<=i,此时的i=1,符合循环条件,执行循环语句,输出1*1=1;j++之后j的值就变成了2;我们再来看j<=i,就是2<=1是错误的

JS:1.4,数组(Array)

*爱你&永不变心* 提交于 2020-03-06 13:40:33
ylbtech-Array:数组(Array) 什么是数据? 数组的常用属性和方法 访问数组元素 JS:1.4.1,什么是数组? 返回顶部 什么是数组? 定义:数组是一组具有相同数据类型的一个或者多个值得集合, 数组用一个名称存储一系列值,用数字(下标)区分数组中的每一个值。 在javascript中,数组的下标是从0开始。 1,创建数组 var arrayObjectName; arrayObjectName=new Array(size); 2,为数组赋值 1)在创建数组时,可以直接为数组赋值: var emp; emp=new Array("xiaoyu","dandan","lb"); 2)也可以分别为数组元素赋值。例如: emp=new Array(3); emp[0]="xiaoyu"; emp[1]="dandan"; emp[2]="lb"; JS:1.4.2,数组的常用属性和方法 返回顶部 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript"> var emp=new Array(3); emp[1]="dandan"; emp[0]="xiaoyu"; emp[2]="ylb

js笔记19 事件对象

こ雲淡風輕ζ 提交于 2020-03-06 13:39:09
1.常用的事件    onmouseover onmouseout onmousedown onmousemove onmouseup onclick onchange onfocus onblur等等 2. 每个元素身上的事件都是天生自带的,不需要我们去定义,只需要我们给这个事件绑定一个方法,当事件触发的时候就会执行这个方法 3.事件绑定的方法   (1)div.onclick=function(){} DOM0级事件绑定   (2)div.addEventListener()或div.attachListener() DOM2级事件绑定    二者的区别     onclick是这个元素私有的属性,天生自带的,而addEventListener()是共有的属性,从EventTarget(事件源)对象上继承来的     ie低版本的attachEvent是公有的     div.onclick 存在事件冒泡机制没有捕获的机制     div.addEventListener() 可有冒泡可有捕获     div.attachEvent() 只有冒泡机制 4.div.addEventListener和div.attchEvent的区别   (1)前者有冒泡机制和捕获机制,后者只有冒泡机制   (2)事件名前者不带on后者带on   (3)前者的this指向当前元素

对js中arguments的理解

时光怂恿深爱的人放手 提交于 2020-03-06 12:57:03
export default function (target) { for (let i = 1, j = arguments.length; i < j; i++) { let source = arguments[i] || {} for (let prop in source) { if (source.hasOwnProperty(prop)) { let value = source[prop] if (value !== undefined) { target[prop] = value } } } } return target } arguments : **它是JS的一个很重要的内置对象,JS不像JAVA是显示传递参数,JS传的是形参,可以传也可以不传, 若方法里没有写参数却传入了参数,该如何拿到参数呢,就要用arguments了,在一些插件里通常这样使用。 每一个函数都有一个arguments对象,它包括了函数所要调的参数,通常我们把它当作数组使用, 用它的length得到参数数量,但它却不是数组,使用instanceof查看下,若使用push添加数据将报错** js中的hasOwnProperty js属性对象的hasOwnProperty方法 Object的hasOwnProperty ( ) 方法返回一个布尔值,判断对象是否包含特定的自身(非继承)属性。

优秀js开源框架-jQuery使用手册(1)

不羁的心 提交于 2020-03-06 12:30:36
对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的! 下载地址:http://jquery.com 下载完成后先加载到文档中,然后我们来看个简单的例子! <script type="text/javascript" src="scripts/jquery-1.2.3.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("a").click(function() { alert("Hello world!"); }); }); </script> 上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$(document)也是一个jQuery对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时执行函数。 在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元素,$("#p")表示取id为"p"(<span id="p"><

02 从npm上下载一个包,并在 js 文件中使用这个包

a 夏天 提交于 2020-03-06 11:56:07
1,新建一个文件夹 hello_npm 2, cmd 到这个文件夹路径 3,npm init ( 建立一个 package.json 文件) 4, npm install math ( 安装 和math 相关的包) 5, 打开 hello_npm 可以看到 node_modules 和 package.json 文件,打开 node_modules,其中有一个 math 包 接下来可以在我们的 js 文件中使用这个包 在根目录中 新建一个 index.js 文件 index.js 中敲: var math=require('math'); console.log(math); console.log(math.add(1, 2)); 可以看到运行结果: 就成功 使用了 从 npm 上下载下来的包 来源: https://www.cnblogs.com/shanlu0000/p/12425638.html

JS 函数柯里化

爷,独闯天下 提交于 2020-03-06 11:50:56
函数柯里化 理解: 指的是将一个接受多个参数的函数 变为 接受一个参数返回一个函数的固定形式,这样便于再次调用,例如f(1)(2) 例如 常见的add函数 function add(a,b){ return a+b } // 变为 function curry(fn){ var firstArgs=Array.prototype.slice.call(arguments,1) //这里,arguments的第一个参数是fn,所以从1开始 var _cur=function(){ var nextArgs=[...arguments] var allArgs=firstArgs.concat(nextArgs) return fn.apply(this,allArgs) } return _cur } var add1=curry(add,10) add1(10) //20 add1(20) //30 当前的柯里化curry接收一个函数,并且返回一个函数用于处理剩下的参数,因此可以连续两次调用,即curr(add,10)(20) 返回30 难度升级 此时一个简单的柯里化完成,但是如果遇到f(1)(2)(3)...等连续调用多次的时候,则会显得无力,此时需要一个更加复杂的柯里化,递归柯里化 function add(){ return [].reduce.call(arguments,

API 设置输出格式可以为XML和Json格式

人盡茶涼 提交于 2020-03-06 10:31:13
Accept : application/xml Accept: application/json //如下设置可以支持xml和json格式输出。默认输出格式为json services.AddControllers(configure: setup => { setup.ReturnHttpNotAcceptable = true; }).AddXmlDataContractSerializerFormatters(); //默认输出格式为Json,现在把默认格式给为XML格式输出 services.AddControllers(configure: setup => { setup.ReturnHttpNotAcceptable = true; //支持输出格式为XML // setup.OutputFormatters.Add(new XmlDataContractSerializerOutputFormatter()); //默认输出格式为Json,现在把默认格式给为XML格式输出 setup.OutputFormatters.Insert(index:0, new XmlDataContractSerializerOutputFormatter()); }) 来源: https://www.cnblogs.com/konglingxing/p/12425086.html

js自动刷新页面代码

被刻印的时光 ゝ 提交于 2020-03-06 09:33:42
<script language="JavaScript"> function myrefresh(){ window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 </script> 页面自动刷新代码大全 1) 自动刷新页面 在 <body> 与 </body> 之间加入: <META http-equiv=refresh content=”10;url=../index.htm”> 10表示间隔10秒刷新一次 2) <script> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script> window.navigate(”本页面url”); </script> 4> function abc() { window.location.href=”/blog/window.location.href”; setTimeout(”abc()”,10000); } 刷新本页: Response.Write(”<script>window.location.href=”/window.location.href”;</script>”) 刷新父页: Response.Write(”

你不知道的JS系列 ( 21 ) - this显示绑定

时间秒杀一切 提交于 2020-03-06 07:00:30
隐式绑定是必须在一个对象内部包含一个指向函数的属性,并通过这个属间接引用函数,从而把 this 间接隐式绑定到这个对象上。 显示绑定是通过 call() 和 apply() 方法。它们的第一个参数是一个对象,它们会把这个对象绑定到 this. call function foo() {   console.log(this.a); }; var obj = {   a: 2 }; foo.call(obj); // 2 通过 foo.call(obj),调用 foo 时强制把它的 this 绑定到 obj 上。这种绑定是一种显示的强制绑定,我们称之为硬绑定 apply function foo(something){   console.log(this.a, something);   return this.a + something } var obj = {   a: 2 } var bar = function() {   return foo.apply(obj, arguments); } var b = bar(3); // 2 3 console.log(b); //5 硬绑定的典型应用场景就是创建一个包裹函数,传入所有的函数并返回接受到的所有值 bind function foo(something){   console.log(this.a,