动态加载script文件 专题
[ 2014-05-26 14:51:37 | 作者: admin ]
动态加载script到页面大约有俩方法
第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码。第二种是,动态创建一个script标签,设置其src属性,通过把script标签插入到页面head来加载js,相当于在head中写了一个<script src="..."></script>,只不过这个script标签是用js动态创建的
比如说是我们要动态地加载一个callbakc.js,我们就需要这样一个script标签:
<script type="text/javascript" src="call.js"></script>
如下代码就是如何通过js来创建这个标签(并且加到head中):
var head= document.getElementsByTagName('head')[0];
var script= ...
阅读全文…
第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码。第二种是,动态创建一个script标签,设置其src属性,通过把script标签插入到页面head来加载js,相当于在head中写了一个<script src="..."></script>,只不过这个script标签是用js动态创建的
比如说是我们要动态地加载一个callbakc.js,我们就需要这样一个script标签:
<script type="text/javascript" src="call.js"></script>
如下代码就是如何通过js来创建这个标签(并且加到head中):
var head= document.getElementsByTagName('head')[0];
var script= ...
阅读全文…
动态调用js,动态指定src
[ 2014-05-26 14:30:55 | 作者: admin ]
js中的document.write会忽略掉,所以尽量使用如下的方式:
1、先定义好处理函数 window.baidu.sug=function(data){alert(data.s)}
2、然后在传递过来的内容中定义一个函数的调用 window.baidu.sug(...)
说明:对于动态创建的js 引用而言 ,针对不同的浏览器有不同的反应
如果调用 load_script("jquery.js") 对 FF Opera 而言 load 方法是阻塞的 故alert($)能输出,而对IE Chrome Safria 而言 是非阻塞的 所以就会报错
而document.write的方式,对所有浏览器而言都是阻塞的 即同步的 所以alert($)会输出正确结果
阅读全文…
1、先定义好处理函数 window.baidu.sug=function(data){alert(data.s)}
2、然后在传递过来的内容中定义一个函数的调用 window.baidu.sug(...)
说明:对于动态创建的js 引用而言 ,针对不同的浏览器有不同的反应
如果调用 load_script("jquery.js") 对 FF Opera 而言 load 方法是阻塞的 故alert($)能输出,而对IE Chrome Safria 而言 是非阻塞的 所以就会报错
而document.write的方式,对所有浏览器而言都是阻塞的 即同步的 所以alert($)会输出正确结果
<script>
...阅读全文…
innHTML后执行其内的js
[ 2014-05-26 10:25:33 | 作者: admin ]
晚上看人人网,ajax里返回html内有script,源码中貌似用innerHTML的,what?怎么可能。
innerHTML不执行字符串内脚本的。源码中发现:
$('ajaxContainer').innerHTML = r.responseText;
$('ajaxContainer').eval_inner_JS();
eval_inner_JS??啥个东东?应该是把script标记又抽离出来单独创建运行吧。
自己写个,暂时还没完全测试,先放着留个思路:
executjavaScriptString: function (scriptText) {
var element = document.createElement('script');
element.type = 'text/javascript';
...
阅读全文…
innerHTML不执行字符串内脚本的。源码中发现:
$('ajaxContainer').innerHTML = r.responseText;
$('ajaxContainer').eval_inner_JS();
eval_inner_JS??啥个东东?应该是把script标记又抽离出来单独创建运行吧。
自己写个,暂时还没完全测试,先放着留个思路:
executjavaScriptString: function (scriptText) {
var element = document.createElement('script');
element.type = 'text/javascript';
...
阅读全文…
IE6 png 透明 (三种解决方法)
[ 2014-05-23 22:50:19 | 作者: admin ]
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的
=============================================================================
此效果简单,。。。。相当不错 推荐
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
...
阅读全文…
=============================================================================
此效果简单,。。。。相当不错 推荐
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
...
阅读全文…
如何定义Weibo Meta Tags
[ 2014-05-22 13:17:05 | 作者: admin ]
什么是微博元标记(Weibo Meta Tags)
微博元标记,即Weibo Meta Tags,对Open graph协议下的常规meta tag 进行支持和兼容,并基于国情对OpenGraph不适用的对象类型或属性进行有限扩展标记。可以和OpenGraph一起使用。
为什么要配置Weibo Meta Tags
传统互联网信息单元往往以Web Page为单位,以URL为线索进行索引和流转。通过定义Weibo Meta Tags,可以穿透Web Page,准确索引互联网上的Object,对互联网上的物体进行格式化管理。拥有格式化的Object数据,就可以为用户提供灵活、扩展性强、易读的内容展示模块。
如何定义对象(Object)类型?赞组件支持哪些对象(Object)类型?
1、定义方式:
<meta property="og:type" content="对象类型" />
...
阅读全文…
微博元标记,即Weibo Meta Tags,对Open graph协议下的常规meta tag 进行支持和兼容,并基于国情对OpenGraph不适用的对象类型或属性进行有限扩展标记。可以和OpenGraph一起使用。
为什么要配置Weibo Meta Tags
传统互联网信息单元往往以Web Page为单位,以URL为线索进行索引和流转。通过定义Weibo Meta Tags,可以穿透Web Page,准确索引互联网上的Object,对互联网上的物体进行格式化管理。拥有格式化的Object数据,就可以为用户提供灵活、扩展性强、易读的内容展示模块。
如何定义对象(Object)类型?赞组件支持哪些对象(Object)类型?
1、定义方式:
<meta property="og:type" content="对象类型" />
...
阅读全文…
IE6的window.location.href问题
[ 2014-05-08 14:15:50 | 作者: admin ]
p.s. 方法: <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳转3</a>
最近发现一个问题:
window.location.href在IE6下面竟然不跳转,这是为什么呢?
这个是我写的语句:
阅读全文…
最近发现一个问题:
window.location.href在IE6下面竟然不跳转,这是为什么呢?
这个是我写的语句:
<a href="javascript:void(0);" ;onclick="javascript:window.location.href='http://www.sina.com';">转到新浪</a>
后面是网上找到了解决方案(URL:http://www.cnblogs.com/kaima/archive/2008/08/22/1273808.html):[code][/code]...阅读全文…
IE6“无法打开站点,已终止操作”提示的解决
[ 2014-04-24 10:04:25 | 作者: admin ]
今天遇到一个问题,网站在IE 6下面打开会提示:Internet Explorer无法打开站点XXX。已终止操作。
我补充一下,确定是js引起的
ie6的容错很差,出现上面情况有两种可能,一是html标签有遗漏(缺结束标记);二是js问题,有可能是页面没加载完毕引起的.
js问题, 这目前我遇到的有两种:一是页面里有iframe,二是页面是table布局。而js里又操作了页面里的部分标签对象,这样就容易出问题。iframe里的页面还没加载完毕或者table里的内容还没显示完,js就开始执行了。
处理方法(本人习惯):
一、一般把处理当页的js放到该模板末尾,让js最后才执行。
二、在引用js文件时用defer属性,比如:<script src='common.js' defer="true"></script>,defer作用是加载完成页面元素后再执行该js脚本。
...
阅读全文…
我补充一下,确定是js引起的
ie6的容错很差,出现上面情况有两种可能,一是html标签有遗漏(缺结束标记);二是js问题,有可能是页面没加载完毕引起的.
js问题, 这目前我遇到的有两种:一是页面里有iframe,二是页面是table布局。而js里又操作了页面里的部分标签对象,这样就容易出问题。iframe里的页面还没加载完毕或者table里的内容还没显示完,js就开始执行了。
处理方法(本人习惯):
一、一般把处理当页的js放到该模板末尾,让js最后才执行。
二、在引用js文件时用defer属性,比如:<script src='common.js' defer="true"></script>,defer作用是加载完成页面元素后再执行该js脚本。
...
阅读全文…
css中em px 区别,以及em的容器继承问题
[ 2014-01-16 14:57:45 | 作者: admin ]
网站制作中字体单位应该用em而不用px,原因简单来说就是支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。px是绝对单位,不支持IE的缩放,em是相对单位。
首先了解一下em是何物?
em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
重写步骤:
...
阅读全文…
首先了解一下em是何物?
em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
重写步骤:
...
阅读全文…