JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、浏览器、元素或与之相关对象发生特定事情时,浏览器会产生事件。如果JavaScript关注特定类型事件,那么它可以注册当这类事件发生时要调用的句柄。 事件流 事件流描述的是从页面中接收事件的顺序,比如有两个嵌套的div,点击了内层的div,这时候是内层的div先出发click事件还是外层先触发?目前主要有三种模型 IE的事件冒泡:事件开始时由最具...
编写XHTML代码的规则要比编写HTML要严格得多,类似下面的代码在HTML中是有效的,但在XHTML中则是无效的。 [javascript] 代码如下: function compare(a, b) { if(a { alert("a is less then b"); } else if(a > b) { alert("a is greater then b"); } else { alert("a is equal to b"); } } function compare(a, b) { if(a { alert("a is less then b"); } else if(a > b) { alert("a is greater then b"); } else { alert("a i...
今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果,具体方法如下: 第一步:在连接样式表的元素里定义一个id,例如 代码如下: 我定义的id是css。 第二步:写一个js函数,代码如下: 代码如下: function change(a){ var css=document.getElementById(“css”); if (a==1) css.setAttribute(“href”,”1.css”); if (a==2) css.setAttribute(“href”,”2.css”); } 这个函数的code可以放在页面的任何地方。...
js+html5 canvas实现的涂鸦画板特效,可调画笔颜色|粗细|橡皮,可以保存涂鸦效果为图片编码,非常适合学习html5的canvas,必须支持html5的浏览器才能看到效果。 <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript结合html5 canvas实现的涂鸦板</title> <meta name="Copyright" content="JavaScript分享网 http://www.gxlcms.com/" /> <meta name="description...
第一次用到这个,做个记录,在html页面中调用本地程序: 代码如下: function Run(strPath) { var objShell = new ActiveXObject("wscript.shell"); objShell.exec(strPath); objShell = null; } 请输入要运行的程序路径: 确定 JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的qu...
用innerHTML取出一段内容后再innerHTML回去,那么原来动态绑定的事件就会丢失,如: html: 代码如下: 点击 script: 代码如下: document.getElementById(d1).onclick=function(){alert(1)}; var html=document.body.innerHTML; document.body.innerHTML=html; 这段代码执行后点击d1是没有任何反应的。 解决方法: 把onclick绑定到父元素,利用冒泡原理,判断当前元素是否为d1,若为d1则执行 代码如下: document.body.onclick=funct...
晚上要考软件工程,实在不想复习。写个播放器吧,这个只是个用来学习的小Demo,众多不完善之处,下面贴出源代码,如果要转载,请加上版权声明PS:因为Ajax涉及到跨域获取天气信息,有两个版本,一个是直接跨域,IE10支持,其他的浏览器要改配置。另一个是服务器端的weather.php,获取天气信息返回json。 weather.php就不写了,里面的对应路径存放对应的文件 演示地址: http://569375.ichengyun.net/fm/ 实现功能:音乐播放,进度调节...
DHTML:它不是一门新的语言,而是HTML、CSS和JavaScript这三者相结合的产物,DHTML包含如下3个含义: (1)通过HTML把网页标记为各个元素 (2)利用CSS设计元素之间的排版样式,并控制各个标记的位置 (3)使用js来控制各个标记JavaScript由三部分组成:(1) ECMAScript是一种由欧洲计算机制造商协会(ECMA)通过ECMA-262标准化的脚本程序设计语言。ECMAScript定义了脚本语言的所有特性、对象和方法,其他语言可以实现ECMAs...
小试牛刀,实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为: 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.镜像滤镜原理解释: 1.反色:获取一个像素点RGB值r, g, b则新的RGB值为(255-r, 255-g, 255-b) 2.灰色调:获取一个像素点RGB值r, g, b则新的RGB值为 代码如下: newr = (r * 0.272) + (g * 0.534) + (b * 0.131); newg = (r * 0.349) + (g * 0.6...
代码如下: function BindSelect(id,dataList,fieldtext,fieldValue) { //绑定某一个数据源,fieldtext为需要绑定的文本字段,fieldValue为需要绑定的value字段 var select = $("#" + id)[0]; for (var i = 0; i < dataList.length; i++) { select.options.add(new Option(eval("dataList[" + i + "]." + fieldtext), eval("dataList[" + i + "]." + fieldValue))); } } function BindSelectOptions(id, OptionList) { var select =...
让我猜猜你心中的牌,先随机生成27张牌,不能重复列出三列牌,然后记住其中一张,然后点击牌所在的列,多次就可以猜出你想的牌。 如果是9张只要猜2次,如果是27张就是猜3次。 实现方法(27张): 如果点击了第三列,那就是说牌一定在这9张里面,就把第三列的9张牌平均给每列分3张,假设编号为123,456,789 再点击一次,如果点击第二列,那么猜的牌就在456里面,再分到三列,4,5,6 再点击一次,就可以知道牌是哪个了。 实现算法: ...
这只是一个简单的JAVAscript和HTML5小程序,没有实现人机对战。 五子棋棋盘落子点对应的二维数组。数组的元素对应落子点。比如数组元素值为0表示该元素对应的落子点没有棋子,数组元素值为1表示该元素对应的落子点有白棋子,数组元素值为2表示该元素对应的落子点有黑棋子; 判断五子棋赢棋的算法是通过对五子棋棋盘落子点对应的二维数组的操作来实现的。 判断五子棋赢棋算法 下边的函数可以实现判断五子棋赢棋的算法,也可以按照教...
方法一:用CSS截断字符串:IE,FireFox,Opera ,Safari都兼容 代码如下: .subLongText{ width:150px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ } 任意长度文本 方法二:用js截取 代码如下: JQUERY 文本截取方法 ...
查看源代码,可以发现,页首的登陆代码位置,只有一行代码如下: 而flash幻灯的位置,也只有一行 代码如下: 对于这种需要耗时的代码,最好是放在页面最后面加载,然后用innerhtml的方法加载到对应位置,达到加快页面打开速度的目的。 代码如下:$("#headtop").html($("#headtop2").html());$("#index_slide").html($("#index_slide2").html());
改变文字innerHTML每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。但是,使用innerHTML需要一些准备,如果你希望能够利用它轻松,可靠。首先,你必须给予部分要更改身份证。与标识到位,你将能够使用getElementById功能,适用于所有的浏览器。在您认为建立您现在就可以操纵文字的要素。要开始了,让我们尝试改变文字一个...