JS在当前页面插入<script>标签,并执行

将<script>标签绑定到<html>上, html可换成body,header等其他存在的标签。

var htmm =document.getElementsByTagName("html")[0];
var scri = document.createElement("script");
scri.async="async"
scri.src="http://www.xxx.com/dummy.js"
scri.onload=function(){console.log("script onloaded");}
htmm.appendChild(scri);

Result:
  <script async src=?"http:?/?/www.xxx.com/?dummy.js">?</script>?
  dummy.js dummy.js:1
  script onloaded

时间： 2025-01-10 01:17:06

JS在当前页面插入<script>标签,并执行的相关文章

JS添加验证页面中script标签中是否存在jquery文件

1 window.onload = function() 2 { 3 var al = document.getElementsByTagName("script"); 4 var new_element=document.createElement("script"); 5 var joine = [] 6 for(var i = 0; i<al.length; i++) 7 { 8 joine.push(al[i].getAttribute("s

javascript 插入<script>标签

在页面中的iframe中插入<script>标签,我死活就是插入不了: 1.jquery for(var i=0;i<scriptArray.length-1;i++){ var script = document.createElement('script'); script.type = 'text/jacascript'; script.src = scriptArray[i]; //填自己的js路径 $("#viewPage").contents().find

页面动态加入<script>标签并执行代码

在页面中动态追加html片段的时候,有时候动态添加的代码会含有<script>标签,比如用了一些模板引擎,或者你的代码有些复杂的时候.然而我们用DOM提供的innerHTML方式来添加代码的时候,<script>标签中的代码并不能执行,如果有src属性,指向的外联文件也不会被加载,这并不是浏览器的bug,因为w3c文档就是这么规定的. 那我们有什么办法可以恢复追加的<script>标签的代码执行能力呢? 重新构造<script>标签这个思路其实非

js原生跨域--用script标签实现

刚刚从培训班学习完,总想写一下东西,自从进入了这个院子,每次出现问题,总是能找到一些答案,给我一些帮助. 作为新手,就写一下简单的吧,院子里面有很多大牛, 说句实话,他们的很多代码我都看不懂. 我就写一下新手看的懂得吧, 多说一句,我觉得大牛写的代码应该通俗易懂才可以. 代码非常的简单,但是写的过程中,仍然发生了一些小错误,最后还是解决了. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met

Ueditor插入script标签

对于这个问题.我想有的人会遇到有的人不会遇到,后面说为什么. 有的人会百度解决问题.百度官方文档这样回答然而你去editor_config.js搜索根本找不到这个配置.(百度你该更新了.....) 于是我就傻乎乎的看那个配置.小白嘛.看了半天没啥结果.搜索script.到了下图. 感觉有点像.于是就傻傻的修改测试.突然有一次成功了.还以为弄对了.第二次又不行了.想了想那次成功的步骤,一点一点的测试. 功夫不负有心人,终于几次全部命中.于是乎想看哪里在控制它.又把修改的代码一行行注释.注释了2次

js中的script标签

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

script标签的src属性

src属性指定外部文件路径,浏览器根据src属性值请求外部文件然后将外部文件的内容插入script标签之间,结果会覆盖原本script标签之间的内容,类似于document.write()会覆盖原本的dom一样.导致在编辑时写入的js代码不会被执行. 文件并非必须是js文件,任意类型的文本文件都可以,比如html,css,xml,txt.要求是这些文件里面的内容是js代码即可. 文件 "5.txt" 内容:console.log("5.txt"); <!--

html解析和渲染过程与 Script标签和脚本执行顺序

几个首要特性: script标签(不带defer或async属性)的会阻止文档渲染.相关脚本会立即下载并执行. document.currentScript可以获得当前正在运行的脚本(Chrome 29+, FF4+) 脚本顺序再默认情况下和script标签出现的顺序一致有defer或async属性(defer和async没有完全兼容所有浏览器) 仅有async属性,脚本会异步执行仅有defer属性,脚本会在文档解析完毕后执行两个属性都没有,脚本会被同步下载并执行(顺序下载,顺序执行),期

关于<Script>标签在html页面放置位置

一般script标签会被放在头部或尾部.头部就是<head></head>里面,尾部一般指<body></body>里,但也有放在</body>闭合标签之后的.究竟这些位置不同有什么不一样呢?下面我来详细说一下:1.<script></script>标签放置在<head></head>标签内部时: 将script放在<head>里,浏览器解析HTML,发现script标签时,会先下载完所