单击按钮打开图片另存为对话框的示例如下 代码如下: New Document function downLoadImage(imagePathURL){ //如果中间IFRAME不存在,则添加 if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME")) jQuery('width="0" height="0" src="about:blank">').appendTo("body"); if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){ //图片地址发生变化,加载图片 document.all._SAVEASIMAGE_TEMP_FRAME.src = ima...
很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家。什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用...
看到项目里通过js数组split方法格式化查询字符串的,突发奇想为什么不能用正则呢,性能如何?于是便有了如下代码: 代码如下: var url=www.baidu.com?a=123&b=456&c=789&e=dfsdfsdfsdfsdfsdfsdf&f=46545454545454785&g=e23232dsfvdfvdf; /** * 格式化查询字符串(正则实现) * @param url url地址 * @return {Object} 格式化的json对象 */ function formatUrl(url){ var reg=/(?:[?&]+)([^&]+)=([^&]+)/g; var data={}; function fn...
由于目前Google的不稳定,而国内没有好的同类服务,故这已不是最优方案。当然,你把Google库路径换成国内稳定且快速的路径(如果存在),依然可以受用此方法带来的各种好处。即便如此,综合考虑的话,还是Google的最合适。 网站开发的项目中使用Google CDN的jQuery库虽然加载速度很快,但调用本地服务器的库才可以确保万无一失。而使用Wordpress内置jQuery库的话,其末尾防止JS库 冲突而加入的jQuery.noConflict()使得主题中所有jQ...
代码如下: //当失去交点以后 让文本框内的文字获得焦点 并且光标移到最后一个字后面 function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 获取焦点 }else{ setFocus.call(document.getElementById(myid)); } } var isNav = (window.navigator.appName.toLowerCase().indexOf("netscape")>=0); var isIE = (window.navigator.appName.toLowerCase().indexOf("microsoft")>=0); function setFocus() { v...
wed的打印方法具我自己懂得知道的有: 1、JQuery插件Jqprint实现 2、JQery打印插件PrintArea实现网页打印 3、CSS控制网页打印样式 JQuery插件Jqprint实现: 首先要导入js文件: jquery.jqprint.js下载 代码如下: <scriptlanguage="javascript"src="jquery-1.7.1.min.js"></ script> <scriptlanguage="javascript"src="jquery.jqprint.js"></ script> html代码: 代码如下: <divclass="my_show"> 这个打印时是显示的 这个打印时...
代码如下:var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); $.getScript(gaJsHost + "google-analytics.com/ga.js",function(){ try { var pageTracker = _gat._getTracker("UA-123456-16"); pageTracker._trackPageview(); } catch(err) {} });
非侵入实现,控制更方便 效果图: 代码如下: javascript practice table{width:300px;} caption{background:#DCA;} th{background:#FCA;width:50%;} td{text-align:center;} $(document).ready(function(){ odd= {"background":"#EDA","color":"#3F5"};//奇数样式 even={"background":"#2DA","color":"#875"};//偶数样式 odd_even("#table_test",odd,even); }); function odd_even(id,odd,even){ $(id).find("tr").each(f...
你可以参考到前一版本 http://www.gxlcms.com/article/33555.htm 这个有点不好的地方,就是如果想改变样式,也许得使用查找替换才行。因此,Insus.NET写出另外一个方法来实现,这样可以改一应用百。 先写一个样式Style: 代码如下: .overStyle { border-color:#3599ff; } .outStyle { border-color: #fff; } Javascript也要改一下: 代码如下: function onOver(Id) { Id.className = 'overStyle'; } function onOut(Id) { Id.c...
今天做了一个css的练习,效果有点象Maxthon首页一样。使用onmouseover和onmouseout事件实现不同的效果。如: 你可以使用下面javascript。 代码如下: function DynamicSetStyle(id, attr, val) { var element = document.getElementById(id); if (element) element.style[attr] = val; } fieldset应用上面的javascript的DynamicSetStyle方法。 代码如下: onmouseover="DynamicSetStyle('fs1','border-color','#3599ff')" onmou...
1. 事件目标 现在,事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的,但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,可以确定DOM中首先接收到事件的元素(即实际被单击的元素)。而且,我们知道this引用的是处理事件的DOM元素,所以可以编写下列代码: 代码如下:$(document).ready(fu...
代码如下: function $(id) { return document.getElementById(id); } $(test).oncontextmenu=function() { return false; }; 这样就可以给指定的元素自定义右键菜单
demo01.htm 代码如下: 方向反馈 html,body{margin:0;padding:50px;} #wrap{position:relative;width:400px;height:300px;background:#33aa00;margin:50px;display:inline-block;font-size:50px;text-align:center;line-height:300px;overflow:hidden;} 方向反馈 反馈方向 $(document).ready(function(){ $.rollingMask({ objId:"wrap", content:$("#result").html() }); }); rollingMask-0.1.0.js 代码如下: /...
需要jQuery -detach 后的dom 结构或某个值 。 代码如下: var obj = ''; setTimeout(function(){ obj=jQuery("#showtime").detach() ; // 需要用jquery转换一下。 },1000) ; function showDetach(){ alert(jQuery(obj).val()) ; } JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.j...
代码下载:复制以下代码到PinYin.js即可。调用方法:var pinyin = codefans_net_CC2PY("你好吗");PinYin.js 代码如下:var PinYin = {"a":"\u554a\u963f\u9515","ai":"\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d","an":"\u978d\u6c28\u5b89\u4ffa\u6309\u6697\u5cb8\u80fa\u6848\u8c19\u57ef\u63de\u72b4\u5eb5\u6849\u94f5\u...