js | 易学教程

JS:输出9*9乘法表

阅读更多关于 JS:输出9*9乘法表

<html> <head> <title>9*9 multiplication table</title> </head> <body> <script language="JavaScript"> var row = 9; var colum = 9; document.write("<table>"); for(i = 1; i <= row; i++){ //循环控制行 document.write("<tr>"); for (j = 1; j <= colum; j++){ //循环控制列 if (j <= i){ document.write("<td>"+ i + "*" + j + "=" + i*j + "</td>"); }else{ document.write("<td> </td>"); } } document.write("</tr>"); } document.write("</table>"); </script> </body> </html> 来源： https://www.cnblogs.com/chiangyibo/p/7002849.html

js 增删节点

阅读更多关于 js 增删节点

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>增加Table行</title> </head> <script language="javascript">// Example: obj = findObj("image1"); function findObj(theObj, theDoc){ var p, i, foundObj; if(!theDoc) theDoc = document; if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) { theDoc = parent.frames[theObj.substring(p+1)].document; theObj = theObj.substring(0,p); } if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj]; for(i=0; !foundObj && i < theDoc.forms.length; i++) foundObj = theDoc.forms[i][theObj]; for(i=0;

js在ie与fx下增删表格行

阅读更多关于 js在ie与fx下增删表格行

1 2008年03月04日星期二 15 : 14 2 效果图如下： 3 4 5 　　点“添加参与人”按钮可以添加一行，每行后面都有一个删除按钮，可以删除所在行，“清空”则删除所有的行。 6 　　这种效果在需要批量添加数据的时候非常有用，可以在客户端添加完一批数据，然后通过AJAX一次提交给服务器处理，下面是完整代码： 7 8 Body部份： 9 < div > 10 < table width = " 613 " border = " 0 " cellpadding = " 2 " cellspacing = " 1 " id = " SignFrame " > 11 < tr id = " trHeader " > 12 < td width = " 27 " bgcolor = " #96E0E2 " > 序号 < / td> 13 < td width = " 64 " bgcolor = " #96E0E2 " > 用户姓名 < / td> 14 < td width = " 98 " bgcolor = " #96E0E2 " > 电子邮箱 < / td> 15 < td width = " 92 " bgcolor = " #96E0E2 " > 固定电话 < / td> 16 < td width = " 86 " bgcolor = " #96E0E2 " >

网页背景动态连线动画效果的实现

阅读更多关于网页背景动态连线动画效果的实现

使用 canvas-nest.js 下载地址： http://www.jfinalxueyuan.com/assets/js/canvas-nest.js 放在web下的js目录在网页body最后添加代码 <script color="255,255,255" opacity='0.3' zIndex="-1" count="110" src="/js/canvas-nest.js" type="text/javascript"></script> 刷新网页，可看到以下效果来源： oschina 链接： https://my.oschina.net/peaksoho/blog/3223429

3种循环语句 JS基础

阅读更多关于 3种循环语句 JS基础

注:do while循环要有分号";"结束。  <script type="text/javascript"> //打印： // ******* // ******* // ******* // ******* // ******* // 方一： document.write('*******<br />'); document.write('*******<br />'); document.write('*******<br />'); document.write('*******<br />'); document.write('*******<br />'); //方二： // 方一就是循环 document.write('*******<br />');执行这条语句 for(

Js完成ListBox内容的交互实例

阅读更多关于 Js完成ListBox内容的交互实例

这几天在做一个关于大学排名的网站，其中遇到了上图中的问题，需向某个对象中添加新的学校群体，这就用到了 ListBox，而要进行两个ListBox之间的交互，无疑有两个办法：一个是在服务器端与客户端不停的PostBack，这无疑会大大降低效率。这是就体现出JavaScript在客户端的优势。下面介绍一下，又不足的地方希望大家指出！下面是JS代码：用四个函数分别对应四个按钮，完成该功能。 < script type = " text/javascript " > function SelectAll() { var lst1 = window.document.getElementById( " <%=lb_Sourse.ClientID %> " ); var length = lst1.options.length; var string = window.document.getElementById( " <%=hf_NewName.ClientID %> " ) for (var i = 0 ;i < length;i ++ ) { var v = lst1.options[i].value; var t = lst1.options[i].text; var lst2 = window.document.getElementById( " <%=lb_NewName

JS模拟抽奖

阅读更多关于 JS模拟抽奖

代码如下: <html> <title>模拟抽奖(Dicky.CnBlogs.Com)</title> <head> <meta name="keywords" content="Dicky,AppleBBS,Dicky.CnBlogs.Com"> <meta http-equiv=Content-Type content="text/html; charset=gb2312"> </head> <body> <SCRIPT LANGUAGE="JavaScript"> var alldata = "青苹果论坛,Dicky.8800.Org/BBS1,Dicky.CnBlogs.Com,AppleBBS,Dicky,大雨点,51windows,blueidea,csdn,google,baidu,msn,qq,cctv,microsoft,adobe" //抽奖的姓名，以,为分隔 var alldataarr = alldata.split(",") var num = alldataarr.length-1 var timer function change(){ document.getElementById("oknum").value = alldataarr[GetRnd(0,num)]; } function start(){ clearInterval(timer);

前端知识普及之HTML

阅读更多关于前端知识普及之HTML

本文采用问答模式,目的是深入HTML内部，去学习一些我们不经常关注，但却实实在在存在的problem. 文章内容略显装逼，如果大家受不了，请带好护目镜。什么是Doctype?能吃吗？我想使用过sublime的同学，应该会有一个snippets。 !+[TAB] 结果就是: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> 没错，不知不觉中，!DOCTYPE html已经变为标准了。没错，就是因为H5的出现。 Doctype就是用来告诉browser用什么文档标准来解析这个文档. 而!DOCTYPE html就是告诉浏览器使用h5的标准来解析文档。说起DocType的内容，这应该算是一段血泪史。一开始HTML是基于SGML来进行编译的，通过指定DTD，我们告诉浏览器使用哪一种DTD来对文档进行解析。在HTML5以前的title上，我们都需要指定某一个DTD。以前比较流行的有:HTML 4.01/XHTML. 分别各有3中。常见的就是比较宽松的DTD：比如:HTML4.01 Transtional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

js清空array数组的方法

阅读更多关于 js清空array数组的方法

方式1，splice Js代码 var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了方式2，length赋值为0 这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如 Java代码 int [] ary = { 1 , 2 , 3 , 4 }; ary.length = 0 ; Java中会报错，编译通不过。而JS中则可以，且将数组清空了，如 Js代码 var ary = [1,2,3,4]; ary.length = 0; console.log(ary); // 输出 []，空数组，即被清空了目前 Prototype中数组的 clear 方法和mootools库中数组的 empty 方法使用这种方式清空数组。方式3，赋值为[] Js代码 var ary = [1,2,3,4]; ary = []; // 赋值为一个空数组以达到清空原数组 Ext库Ext.CompositeElementLite类的 clear 方法使用这种方式清空。方式2 保留了数组其它属性，方式3 则未保留。很多人认为方式2的效率很高些，因为仅仅是给length重新赋值了，而方式3则重新建立个对象。经测试恰恰是方式3的效率高。测试代码： Js代码

JS函数调用方式

阅读更多关于 JS函数调用方式

（1）作为函数在ECMAScript3和ECMAScript5中，调用上下文（this）是全局对象。在严格模式中，调用上下文是undefined （2）作为方法此时方法的上下文为该函数对象（3）作为构造函数构造函数初始化新创建的对象，并将这个对象作为其调用上下文，并用this引用这个新创建的对象。 new o.m()中的this指向的是新创建的对象，而不是m。构造函数中的return语句没有返回值或者返回一个原始值，则忽略这个返回值，同时使用新对象作为调用结果 var Create = function(book){ this.book = book; //return ; 还是返回新创建的对象 //return 1; 还是返回新创建的对象 //return [1]; 此时返回[1] } （4）通过它们的apply(),call()间接调用注：作为嵌套的函数不会从调用它的函数中继承this 。如果嵌套函数作为方法调用，this指向调用它的对象，否则this指向window或undfined。 var o = { m: function(){ var self = this; console.log(this === o); //true f(); function f() { console.log(this === o); //false console.log

订阅 js