枫芸志

【Javascript】innerHTML中的script不执行的解决办法

2010年6月28日晴枫 7 条评论

默认情况下，使用innerHTML操作dom中的内容时，加入的innerHTML中包括的script脚本会被加入但是不会被解析执行，如下所示

< !DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>枫芸志</title> <script src="innerhtml.js"></script> </meta></head><body> <div id="container"> something </div> <p><a href="http://witmax.cn">枫芸志</a></p> <script> var html = "< " + "script>alert('running...');< " +"/script>added"; document.getElementById("container").innerHTML = html; </script> </body></html>

提示：你可以先修改部分代码再运行。

在一些情况下，当innerHTML中包含script脚本时希望它能执行起来。

阅读全文…

分类: 网页设计标签: Javascript 403次阅读

【网页源码】播放新消息提示音

2010年6月24日晴枫 4 条评论

从Discuz 7.2中提取出来的功能，还是很实用的，可应用于播放任何语音或音乐。

实际应用中必然会配合界面的提示同时进行，不过此部分相对简单，自己写写也挺省事的，不说了。

需要的下播放新消息提示音网页源码

分类: 网页设计标签: HTML, Javascript, 源码 264次阅读

【Javascript】打印网页IFrame中的内容

2010年5月22日晴枫 2 条评论

代码如下：

< !DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <title>枫芸志 » 打印Iframe中的内容</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function func_print(){ var win = window.open(document.getElementById("iframePrint").src); win.print(); } </script> </meta></head><body> <h2>打印Iframe中的内容</h2> <p>在IE、Firefox、Safari、Chrome下测试通过，不过在本地打开网页时IE不会出现打印提示</p> <input type="button" value="打印" onclick="func_print()" /> 以下是IFrame：<br /> <iframe id="iframePrint" src="http://www.google.com" width="800px" height="300px" /> <p><a href="http://witmax.cn">枫芸志</a></p> </body></html>

提示：你可以先修改部分代码再运行。

阅读全文…

分类: 网页设计标签: Javascript 405次阅读

【JavaScript】获取页面停留时间并提交

2010年3月26日晴枫没有评论

花了点时间研究了下JavaScript获取页面停留时间并提交的方法，小结一下。

《页面停留时间为什么为0》中介绍Google Analytic的算法是：当发现一个访问者进入一个网站访问了第一个页面时，会记录下他的访问时间。等到他访问第二个页面时，记录下第二个时间，用第二个时间和第一个时间的差值作为这个访问者在第一个页面的停留时间。以此类推，每个页面的停留时间就是用户访问下个页面时的时间减去他访问这个页面时的时间，并加入到这个页面总的停留时间中。这个方法在诸多统计方法里，是最简单的，也比较合理，并且计算量最小。但有个问题，就是用户访问的最后一个页面，它没有下一个页面，那么怎么计算它的停留时间呢？用户访问的最后一个页面的停留时间被认为是0。

阅读全文…

分类: 网页设计标签: Javascript 668次阅读