有的时候,我们需要使用这个超级链接,而又不使用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:两者的主要...