SVG的<path>元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。<path>元素是SVG基本图形中最为复杂的一个。要掌握和理解它也需要下一点苦工。 先来看一个例子： <svg xmlns="http://www.w3.org/2000/svg"> <path d="M50,50 A30,30 0 0,1 35,20 L100,100 M110,110 L100,0" style="stroke:#660000; fill:none;"/> </svg> ...
readonly：可以获取本文框的值 <input type="text" readonly="true" value="abc"/> disabled：不能获取本文框的值 <input type="text" value="bcd" disabled="disabled" /> maxlength：定义文本框的文本长度为0个字符 <input type="text" value="" maxlength="0" /> blur：禁止文本框获取焦点 <input type="text" onfoc...
keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。那么window.event.keyCode == 8的js代码是什么意思？其实就是判断事件按下的是否为 BackSpace 键。 event.keycode值大全： 的 keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter ...
以下代码用于JQuery判断访问的浏览器的类型 $(function(){ var mobile_flag = isMobile(); // true为PC端，false为手机端 if(mobile_flag){ alert('PC端'); }else{ alert('手机端'); } }); function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = [ 'Android', 'iPhone', 'SymbianOS', 'W...
代码实现的效果点击增加、减少按钮实现购买数量的变动，只允许输入数字，禁止中文、英文或其它符号的输入。 HTML代码： <div class="book"> <button class="sub">-</button> <input type="text" class="num text" value="100"/> <button class="add">+</button> </div> CSS代码： .book{overflow:hidden;...
以下代码经过Firefox、Chrome浏览器测试没有问题，其余浏览器未作测试。 HTML代码： <div id="billList"> </div> <div class="uploadBtn"> <div class="btn"> <p>点击上传</p> <p>票据凭证</p> </div> <input type="file" id="bill" multiple="multiple" accept="....
javascript函数代码： function showPreview(source) { var file = source.files[0]; if(window.FileReader) { var fr = new FileReader(); console.log(fr); var portrait = document.getElementById('avatar'); fr.onloadend = function(e) { portrait.src = e.target.result; }; fr.r...
经常会用到，判断浏览器窗口是否滚动到指定id的区域。 javascript代码： function isScrolledIntoView(el) { var elemTop = el.getBoundingClientRect().top; var elemBottom = el.getBoundingClientRect().bottom; var isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight); return isVisible...
Firefox火狐浏览器默认情况下，windows.close()对于非window.open的页面无效，需要windows.close()生效需要修改浏览器的配置，即在firefox浏览器的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true，但是这对于网站来说，不可能去修改用户的浏览器设置的，因此还是要通过前端代码解决。 既然Firefox浏览器不支持window.close()，但是可以通过打开新空白选项卡about:blank的方式实现关闭当前选项卡，虽然不是真正意义上的关闭当前窗口...
点击分享至微信、空间、QQ和微信的javascript代码。 HTML代码部分： <ul> <li class="wb"> <a href="javascript:void(0);" onclick="shareUrl('weibo');">微博</a> </li> <li class="qz"> <a href="javascript:void(0);" onclick="shareUrl('qzone');">QQ空间</a> </li> <li ...
在web前端制作中，可以通过javascript获取当前网页url的相关信息，整理如下： 1、设置或获取对象指定的文件名或路径 window.location.pathname 2、设置或获取整个URL为字符串 window.location.href 3、设置或获取与URL关联的端口号 window.location.port 4、设置或获取URL的协议部分 window.location.protocol 5、设置或获取href属性中在井号“#”后面的分段 window.location.hash 6、...
以下方法基于jQuery，使用前要先引用jquery库文件。 函数代码： function CaoNiMaDeUc(){ $("a").each(function(index, element) { try{ var thishref=$(this).attr("href"); var thisText=$(this).html(); if(thishref.indexOf("uc.cn")>=0){ $(this).replaceWith(thisText); } } catch(e){ ...