script标签的src属性

Posted 2020-12-25 bibiafa

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。