- 浏览: 2615234 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
前言:
最近在逛各家UED博客的时候,在w3ctech上看到的这个Topic的文章,个人感觉还是不错的,决定转换为自己的实践知识。
正文:
首先我这边先抛出几个结论性的东东:
来自w3c的HTML4标准
- 如果src属性没有被设置,就执行script标签内的脚本内容;如果src有一个URL的值,则忽略script标签的脚本内容,而是去请求指定的URL的内容
来自w3c的HTML5标准
- 动态地修改src、type、charset、async和defer属性没有直接的效果,这些属性在特定的时候使用
下面我们从几种常见出发结合上面的结论:
1、script标签没有指定src的值
<script id="test" type="text/javascript"> </script> <script type="text/javasript"> document.getElementById("test").src = "*****"; </script>
浏览器反应:
- Chrome | FF 没有请求新的URL
- IE9 请求新的URL 但是没有执行对应URL的脚本
- IE6-8 请求并执行对应URL的脚本
注意一下第一个script标签内部其实是有内容的,有一个回车的符号
所以测试改为下面这样:
<script id="test" type="text/javascript"> alert("内部脚本"); </script> <script type="text/javasript"> document.getElementById("test").src = "*****"; </script>
浏览器反应:
- Chrome | FF 会执行内部的那个alert脚本,但是没有请求新的URL
- IE9 会执行内部的那个alert脚本,并请求新的URL,但不执行里面的脚本
- IE6-8 会执行内部的那个alert脚本,并请求新的URL和执行里面的脚本
所以这个是符合第一个HTML4的那个结论的前半部分
再改一下:
Tip:一般很少人会同时指定src又在script标签内部写脚本,这边只是测试用
<script id="test" type="text/javascript" src="*****"> alert("内部脚本"); </script> <script type="text/javasript"> document.getElementById("test").src = "*****"; </script>
浏览器反应:
- Chrome | FF 不会执行内部的那个alert脚本,而是执行对应开始设置的URL的脚本,但是没有请求新的URL
- IE9 不会执行内部的那个alert脚本,而是执行对应开始设置的URL的脚本,并请求新的URL,但不执行里面的脚本
- IE6-8 不会执行内部的那个alert脚本,而是执行对应开始设置的URL的脚本,并请求新的URL和执行里面的脚本
所以这个是符合第一个HTML4的那个结论的后半部分
部分内容来源于:
发表评论
-
scrollIntolView
2014-03-14 08:47 1089scrollIntoView: 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
如何获取表格的所有行
2013-07-26 20:23 1448一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1246getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1472前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1172contains ... -
array中最后一个空元素的差异
2013-06-05 16:53 1459本文来自w3help的一篇《SJ2007: ... -
mouseenter与mouseleave
2013-06-05 15:35 1469在IE中,鼠标移入移出某元素,触发: ... -
History全兼容方案之ie6-7
2013-05-08 16:01 1614在IE6-7中无法使用hash来产生历史记录 ... -
hasParent的设计
2013-05-03 18:07 1320场景: 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1630mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1528getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2433场景: 在IE9下,在 ... -
DOM initEvent
2013-03-27 16:18 1747本文来自w3school:http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1273前言: 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1496replaceChild() ... -
removeNode
2013-03-15 12:53 1311removeNode // ... -
document.activeElement
2013-01-22 09:57 6014document.activeElement ... -
new Date返回值的差异
2013-01-04 11:37 2069//返回当前的时间 new Date(); ...
相关推荐
在这个主题中,我们将深入探讨如何利用MyBatis拦截器实现分页以及动态地修改SQL语句和参数值。 首先,我们关注的是"PaginationInterceptor.java",这是一个常见的分页拦截器实现。在MyBatis中,我们可以创建自定义...
本文实例讲述了IE8中动态创建script标签onload无效的解决方法。分享给大家供大家参考。具体分析如下: 今天做项目,发现一个奇怪的问题,动态创建的script标签在IE8下无法触发onload事件。 代码如下: 代码如下:var...
<script src="jquery-1.8.3.min.js"></script> ``` 一旦引入了jQuery,我们就可以使用其丰富的API来操作DOM。下面我们将逐一讲解如何修改四种标签的内容: 1. **修改超链接`<a>`标签内容**: 要修改超链接的文本...
通过以上知识点,可以看到,在实际开发中,若需要从一个iframe中获取src属性值,可以利用jQuery的选择器、attr()方法,以及$(document).ready()等,这些是进行DOM操作和动态获取内容时常用的方法。同时,也需要考虑...
当然,这种方法需要处理一些边界情况,比如并发修改和错误处理。在实际应用中,可能还需要使用线程安全的方式来存储和更新cron表达式,以及确保任务的幂等性,以防止同一任务被多次执行。 总的来说,Spring的`@...
动态创建`<script>`标签是一种常见的跨域资源共享(CORS)方法,特别是在JavaScript中进行异步数据请求时。由于浏览器的同源策略限制,JavaScript通常只能访问与当前页面同源的资源,但通过动态创建`<script>`标签,...
关于JavaScript修改img标签的src属性的问题,涉及到浏览器缓存机制和动态更新图片源的需求。在IE6浏览器中图片可以正常刷新,但在IE7和Firefox浏览器中遇到刷新不出现的情况,主要的原因可能和浏览器对静态资源的...
2. 设置src属性:将需要加载的JavaScript文件的URL设置为`<script>`元素的`src`属性。例如,如果文件名为`/path/to/myScript.js`,则设置`script.src = '/path/to/myScript.js'`。 3. 添加到DOM:将这个`<script>`...
#### 使用 FCKeditor API 进行动态修改编辑器的值 在 FCKeditor 的官方文档中提供了丰富的 API 接口,这些接口可以让我们方便地与编辑器进行交互。其中一个常用的方法是 `SetHTML()`,它可以用来设置编辑器的内容。...
<script src="path/to/script.js"></script> ``` 然而,这种方式是静态加载,所有脚本会在页面解析时立即加载。 3. 动态创建`<script>`元素: 要实现动态加载,可以使用JavaScript动态创建`<script>`元素并将其...
这样的功能在很多实际场景中都非常实用,例如网络下载、文件解压、游戏加载等过程中,可以通过动态修改XML中的进度条值来反映任务状态。此外,也可以用于自定义设置页面,用户更改设置后,实时更新界面元素。 通过...
"js动态引入外部js脚本并获取里面的变量值"这个主题就是关于如何在JavaScript中实现这种功能的讨论。 首先,`jQuery`库提供了一个非常方便的方法来实现动态加载外部脚本:`$.getScript()`。这是一个异步方法,它...
3. **自定义事件触发**:可以使用`<script>`标签配合DOM事件来动态加载脚本。 ```html ('Button clicked!')">Click me ``` 4. **Google Analytics示例**: ```html <script src=...
<script> function change(obj){ var arrayli = obj.parentNode.getElementsByTagName("li"); //获取li数组 for(i=0;i;i++) { arrayli[i].className=""; if(obj==arrayli[i]) { obj.className="test"; ...
在JavaScript编程中,有时我们需要获取URL中的参数或者脚本(script)标签中的参数。这些参数在Web应用中常用于传递动态数据或者配置信息。本文将详细介绍如何通过JavaScript获取URL参数和script标签中的参数,并...
如果我们想要动态地改变这些颜色,我们需要在Java代码中获取Shape的引用,并修改其属性。 以下是如何在运行时动态改变Shape颜色的基本步骤: 1. **定义Shape资源**:在`res/drawable`目录下创建XML文件,例如`...