有的时候，我们需要使用这个超级链接，而又不使用href来完成跳转，而是如：这种方式。这样，就不会让页面跳转。但是同时也会带来一些负面的问题，比如页面的title变成了“#”，或者页面出现了滚动条什么的。这是因为在执行完了onClick事件后，又去跳转href所指向的地址了，而”#“是个锚点，默认是网页的页首，所以会带来上边所说的问题。 解决方法有以下两种： 1、onClick事件添加return false语句，例如： 代码如下: 点击 2、用...
有时候table的列数太长，不利于使用者查询，所以利用JS做了一个table的分页，以下为相关代码 一、JS代码代码如下: var pageSize = 15; //每页显示的记录条数 var curPage=0; //当前页 var lastPage; //最后页 var direct=0; //方向 var len; //总行数 var page; //总页数 var begin; ...
见图： 代码如下： 代码如下: 简易画板 #eraseImg{ /*橡皮样式*//**/ border:solid; color:gray; border-radius: 118px; width: 5px; height: 5px; position: absolute; display: none; } .eraseSeries{ /*橡皮大小单选按钮组的排列，此div不单独占一行*/ display: inline-block; } var c;//获取到的2d画板 var painting = false;//判断是否正在绘画，即鼠标左键是否长按下去 var canvas;//画板 $(function(){ $(".erase...
前端开发工作中，经常需要将HTML的左右尖括号等转义成实体形式。我们不能把，&等直接显示在最终看到的网页里。需要将其转义后才能在网页上显示。 转义字符（Escape Sequence）也称字符实体(Character Entity)。定义转义字符串的主要原因是 “”等符号已经用来表示HTML TAG，因此不能直接当作文本中的符号来使用。但有时需求是在HTML页面上使用这些符号，所以需要定义它的转义字符串。 有些字符在ASCII字符集中没有定义（如版权符号...
代码如下: //因js水平有限，不喜勿喷，全当没事看看,video是html5中的新控件，大家可以看看 //mp4是ios、android普遍支持的格式 function playVideo(opt) { if (typeof (opt) == "undefined") { alert("请传入必要参数！"); return; } if (typeof (opt.elemt) == "undefined") { alert("请指定播放器要插入的对象！"); return; } if (typeof (opt.src) == "undefined") { alert("请指定要播放视频的路径！"); return; } v...
删除帖子和锁定帖子都需要填写拒绝原因，共用一个窗口，和按钮，按钮绑定不同的事件： title = '删除帖子(屏蔽、不显示)'; 代码如下: $(#btn_ok, #div_deny_reason).bind(click, function(){edit(if_show, 0);}); title = 锁定帖子; $(#btn_ok, #div_deny_reason).bind(click, function(){edit(if_lock, 1);}); 结果，锁定帖子之后，再删除帖子，会执行edit()2次。 改为如下就好了： 代码如下: title = 删除帖子(屏蔽、不显示);...
html()方法 此方法类似于JavaScript中的innerHTML属性，可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容，可以这样： 代码如下: var p_html = $("p").html(); //获取p元素的HTML代码 如果需要设置某元素的HTML代码，那么也可以使用该方法，不过需要为它传递一个参数。例如要设置p元素的HTML代码，可以使用如下代码： 代码如下: //设置p元素的HTML代码 $("p").html("欢迎您访问简明现代魔法图书馆～～"); 注意...
Javascript 生成 HTML元素的方法在本文中介绍2种，第一种是比较正规的创建元素方法，第二种是利用javascript中的write()方法直接写出html元素。 方法一：代码如下: //createElement()创建input元素到obj对象中 var obj = document.createElement(input); //选择要生成地点的前一个元素 var before = document.getElementById(before); //设置obj元素名，值 obj.name=name; obj.value=value; //setAttribu...
代码如下: json var list=[{"name":"中国", "value":"86", "province":[{"name":"湖北", "value":"430000", "city":[{"name":"武汉","value":"wh"}, {"name":"黄冈","value":"hg"}, {"name":"襄阳","value":"xy"}]}, {"name":"河北", "value":"100000", "city":[{"name":"邯郸","value":"hd"}, {"name":"保定","value":"bd"}, {"name":"石家庄","value":"sjz"}]}, {"name":"湖南", "value":"440000", "city":[{"name":"长沙","...
项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement;//W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); }//FireFox else if (docElm.mozRequestFullScreen) { docElm.mozReq...
开发一个注册的HTML页面， 用于搜集用户的注册信息。包括： 姓名（不能为空）， 年龄（必须超过17岁）， 体重（30-150kg）， 班级（下拉列表），登陆密码（至少8位长）、确认密码（和登录密码一致），Email(不能为空) , 电话，QQ， 个人简历等信息。 并针对这些表的元素来创建相应的验证，如果检测到错误， 在输入框后面用红色的字显示错误。要用到前面几节学习过的单行文本输入框text、下拉列表框select、密码输入框password、多行...
如图所示。 该图片切换特效实现很简单，而且兼容性很好。 html页面如下 代码如下:
对于DOM对象的innerHTML属性想必大家都不会陌生，但是outerHTML用起来相对于会少一点了，innerHTML属性返回的是DOM对象从开始标签到结束标签中所包含的HTML，而outerHTML属性返回的是包括DOM对象本身标签在内的HTML，下图能很好的解释两个属性的区别：outerHTML最开始是属于IE的私有属性，可以查看MSDN上的说明：outerHTML Property(http://msdn.microsoft.com/en-us/library/ms534310(VS.85).aspx)。目前IE、Chrome、Safari、Oper...
第一种：逐个字符串相加代码如下:var arr = [item 1, item 2, item 3, ...];list = ;for (var i = 0,l = arr.length; i < l; i++) { list += + arr[i] + ;}list = + list + ; 这种最常见的，但是效率最低！代码逻辑相对来说复杂。 第二种：逐个 push 进数组代码如下:var arr = [item 1, item 2, item 3, ...],list = []; for (var i = 0,l = arr.length; i < l; i++) { list[list.length] = + arr[i] + ;}list = + list....
js方法： 代码如下: window.onload=function(){ var userName="xiaoming"; alert(userName); } 以下为jQuery方法，需要引用jQuery文件。 代码如下: $(document).ready(function(){ var userName="xiaoming"; alert(userName); }); 或者其简写 代码如下: $(function(){ var userName="xiaoming"; alert(userName); }); 当dom加载完就可以执行（比window.onload更早）。在同一个页面里可以多次出现.ready() PS：两者的主要...