script标签的src属性

src属性指定外部文件路径,浏览器根据src属性值请求外部文件然后将外部文件的内容插入script标签之间,结果会覆盖原本script标签之间的内容,类似于document.write()会覆盖原本的dom一样。导致在编辑时写入的js代码不会被执行。

文件并非必须是js文件,任意类型的文本文件都可以,比如html,css,xml,txt。要求是这些文件里面的内容是js代码即可。

文件 "5.txt" 内容:console.log("5.txt");

<!-- 输出"5.txt" -->
    <script src="5.txt">
    /**
     *  甚至连文本文件也能加载执行
     *
     */
    console.log("hello");
 </script>

文件 "6.php" 内容:console.log("6.php");

<!-- 输出 "6.php"  -->
    <script src="6.php">
        console.log("hello");
    </script>

这里不需要关心php文件的语法是否正确,因为请求的是文件的内容而不是文件的执行结果。所以服务器端不需要解析php。

原文地址:https://www.cnblogs.com/bibiafa/p/9360398.html

时间: 2024-09-29 18:14:22

script标签的src属性的相关文章

获取标签的src属性兼容性

获取节点如script标签的src属性时,针对非IE6,IE7可以直接使用src属性,但在IE6-7中存在问题,可以借助getAttribute方法 getAttribute(attr,iflag) iflag 取值: 0: 属性不区分大小写,但是返回一个被修改的值 1:区分大小写,必须严格和属性名匹配才能查找到 2:返回一个字符串,但是针对事件属性不适用 4:返回一个扩展的url,完整的url值,只针对url属性有效 官方文档:https://msdn.microsoft.com/en-us/

web前端入门到实战:HTML中img标签的src属性绝对路径问题解决办法,完全解决!

HTML中img标签的src属性绝对路径问题解决办法,完全解决 需求:有时候自己的项目img的src路径需要用到本地某文件夹下的图片,而不是直接使用项目根目录下的图片. 场景:eclipse,tomcat,html,img,src,java 注意:不需要寻找tomcat真实路径下的server.xml去修改,这个地方不需要修改. 解决办法:1.在eclipse中找到你的项目发布的tomcat服务器,然后找到左侧Servers下对应的你的Tomcat服务器中的server.xml文件,如下图所示:

&lt;script&gt;标签里面的属性详解

1. <script>标签里面,4.01时候定义了6个属性,有:defer async charset language src  type 2. defer属性:脚本立即下载但延迟到文档被解释和执行之后才执行,在HTML5里面虽然规定了脚本要按照它们出现的顺序来执行,但实际上,延迟脚本不一定会按照顺序执行,所以最好只出现一个延迟脚本.现在大多数支持HTML5的浏览器会忽略这个属性,像正常一样处理延迟脚步,最好还是把延迟脚步放在</body>前面. 3.async属性: 表示立即下

IE下script标签的readyState属性

在做加载器时遇到一个常见问题,如何判定一个脚本已经执行完毕. "uninitialized" – 原始状态 "loading" – 下载数据中 "loaded" – 下载完成 "interactive" – 还未执行完毕 "complete" – 脚本执行完毕. 网上流行的答案是这个,我怎么觉得其实这是抄自XMLHttpRequest的readyState呢?!恰逢这两个都有这属性. 我们亲自做一个实验:

用JS改变embed标签的src属性

思路: A.先隐藏embed标签 B.清除embed元素 C.为embed重新赋值,加入Html页面中 1.html代码 <object id="forfun" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" codebase="http://fpdownload.macromedia.com/pub

JavaScript查找Html字符串中的img标签替换src属性的内容

JavaScript示例代码如下: var newContent= content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi,function(match,capture){ //capture,返回每个匹配的字符串 var newStr='<img src="http://www.csghj.gov.cn'+capture+'" alt="" />'; retu

如何将 JavaScript 代码添加到网页中,以及 &lt;script&gt; 标签的属性

Hello, world! 本教程的这一部分内容是关于 JavaScript 语言本身的. 但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择.我们会尽可能少地使用浏览器特定的命令(比如 alert),所以如果你打算专注于另一个环境(比如 Node.js),你就不必多花时间来关心这些特定指令了.我们将在本教程的下一部分中专注于浏览器中的 JavaScript. 首先,让我们看看如何将脚本添加到网页上.对于服务器端环境(如 Node.js),你只需要使用诸如

关于图片标签 &lt;img src=&quot; &quot; alt=&quot; &quot;/&gt; 中的 src 属性消失不见了的问题

前端使用 <img/> 标签展示图片的时候,src 指的是图片的路径,如果路径错了,图片不能正常展示出来:但是自己遇到一种更奇怪的情况,就是后台拼接字符串的方式,返回整个 <img/> 标签给前端展示图片,然后标签的 src=" " 属性整个消失不见了,连 alt=" " 属性也不见了,但是 style=" " 样式的属性就正常存在,最后也是搞了半天才知道原因,原来还是路径问题!!后台拼接字符成的方式返回给前端 html

js中的script标签

在页面中用script标签引入javascript文件(<script type="text/javascript" src="js文件地址"></script>),浏览器在渲染页面的时候,当读取到script元素时,浏览器不会以HTML或XHTML的方式处理其内容,浏览器会通知浏览器的脚本引擎来接管script元素中的内容.   script元素的type属性定义脚本类型,type类型有: 1.text/ecmascript(表示以ECMA