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

最新推荐文章于 2022-08-28 15:41:26 发布
最新推荐文章于 2022-08-28 15:41:26 发布
阅读量734 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/zzSoftware/p/4047473.html
版权

将<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

 

转载于:https://www.cnblogs.com/zzSoftware/p/4047473.html

aoyan1925
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript实现在HTML页面中嵌入JavaScript代码
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-31 135
Javascript实现在HTML页面中嵌入JavaScript代码
JavaScript的引入并执行-包含动态引入与静态引入
seetoyou的博客
02-27 2573
在js运行过程中，构建script标签并插入到DOM文档中，或者通过引用链接，把已经写好的js文件通过script标签并插入到DOM文档。html文件需要引入JavaScript代码，才能在页面里使用JavaScript代码。元素。元素。
总结：JS文件中引入其他JS文件的方法，以及＜script＞标签中间如何嵌套＜script＞标签
weixin_48033662的博客
08-28 5193
本质上相当于在页面的body或者head中引入一组新的script标签，从而实现引入新的JS文件；而并不是两组script标签的直接互相嵌套，这样并不会效果。
JS中script脚本的执行顺序
qq_38446108的博客
08-11 1253
JS中script脚本的执行顺序 在HTML中引入script脚本时，最普通的用法是直接引用，此时浏览器按顺序解析HTML，当解析到script的位置时，加载脚本并在加载完毕时立即执行脚本，在加载和执行的过程中会暂停HTML的解析。此种方法的问题是一旦因为某些原因导致脚本的加载时间过长，会影响页面的渲染，降低用户体验。所以在script标签中存在两个参数async和defer，可以控制脚本的加载和执行时间。 async async表示异步，script标签中有async参数时，浏览器会在解析到此处时异步加载
js中动态获取页面的script地址，并动态给他添加script标签和地址，解决页面白屏问题
weixin_44727080的博客
02-05 5461
前言：（业务逻辑） 在vue中，遇到这样的情况，初始化加载太多js，导致页面白屏，为了解决这个情况，决定使用具体组件具体加载相应的cdn地址。 为啥不用vue的按需加载呢，是因为我们项目对性能要求很高，但是按需加载后，引入的插件包，打包以后的大小比cdn要大太多了，整体来说是使用他是得不偿失，但是一次性加载太多cdn又会导致白屏，所以在这里我使用的方法：具体某个页面使用第三方插件，就在使用的页面js动态加载scirpt，并给他上标签 具体操作： 1、面临第一个问题，要先...
Javascript代码在页面加载时的执行顺序介绍
12-09
如果在`document.write()`中嵌套了其他`<script>`标签，浏览器会解析并执行这些脚本。需要注意的是，`document.write()`在文档加载完成后使用可能引发问题，因为它可能会覆盖已有的DOM结构。 关于`document.write()...
VUE渲染后端返回含有script标签的html字符串示例
10-16
由于`<script>`标签在`<body>`末尾被添加，它们会自动执行。如果`<script>`标签是用于提交表单，我们可以找到这个表单并提交它： ```javascript mounted() { // ... setTimeout(() => { // 假设表单在HTML字符串...
Javascript在页面加载时的执行顺序.docx
11-26
为了解决IE中的问题，可以将`<script>`标签的插入与执行分开，确保`test.js`加载完成后才执行后续代码。这可以通过拆分`document.write`来实现，确保每个操作都在前一个操作完成后进行。 理解JavaScript在页面加载...
动态创建script标签实现跨域资源访问的方法介绍
09-04
由于浏览器的同源策略限制，JavaScript通常只能访问与当前页面同源的资源，但通过动态创建`<script>`标签，我们可以绕过这一限制，向不同源的服务器请求数据。 在给定的示例中，`login.html`文件中的JavaScript代码...
Javascript在页面加载时的执行顺序.pdf
11-26
1. **内联脚本**：直接将JavaScript代码放置在`<script>`和`</script>`标签之间。这是最基础的插入方式，脚本会按顺序执行。 2. **外部脚本引用**：使用`<script>`标签的`src`属性指向一个外部JS文件。这种方式允许...
如何使用js添加html标签
越努力越幸运的博客
06-01 2万+
文章目录如何使用js添加html标签 如何使用js添加html标签 其实很简单，只需要以下几个步骤： 1.使用getElementById获取想要写的标签的父标签对象（body除外，当然body也可以获取，当时没必要，因为他可以通过document.body直接调用） 2.使用createElement创建标签对象 3.设置标签的属性和文本信息 4.使用步骤1获取到的父标签对象的appendChild方法添加标签 详细代码如下： <!DOCTYPE html> <html lang="en
js添加页面标签
touto_zc的博客
12-15 1463
JS添加页面元素 welcome = document.createElement("div"); welcome.id="log"; welcome.innerHTML="<h1>你好</h1>"; document.body.appendChild(welcome);
JavaScript动态创建script标签并执行js代码
weixin_30896511的博客
09-29 3687
<script> //创建一个script标签 function loadScriptString(code) { var script = document.createElement("script"); //创建一个script标签 script.type = "text/j...
原生JS向html页面添加内容节点元素代码段
热门推荐
奇乐软件开发踩坑日志
04-20 2万+
var div = document.createElement("div"); div.innerHTML = '&lt;a href="http://www.baidu.com/"&gt;&lt;img style="max-width:100%;" src="https://www.baidu.com/img/baidu_jgylogo3.gif"&gt;&lt;/a&gt;
js 主页面给iframe嵌套页面添加内容
IT侠客行的博客
12-01 2264
此功能需要在服务环境下运行项目，否则可能会出现下面的报错： 如果报以上错误，把iframe和父页面代码都放入工程项目中在本地跑起来即可解决同源问题。 js代码: functiongetIframe(id){ returndocument.getElementById(id).contentWindow.document; } functionframeDiv(){ getIframe("smallFrame").getElementById("textID"...
html js之实现页面添加元素
qq_41555580的博客
05-24 3352
d
JavaScript学习笔记——如何将JavaScript代码加入网页（＜script＞标签）
Insomnia_X的博客
07-10 3359
如何将JavaScript代码加入网页 如何将JavaScript代码加入网页？——使用<script>元素 HTML文件中包含众多元素，如<html>、<head>、<script>、<body>等 使用<script>标签将JavaScript代码添加到网页的<head>或<body>元素中 方法一：使用<script>将代码嵌入<head>元素中 这是常见的方式，能让代码更容易找到，
<html><head><body>和<script><template><style scoped>的区别和使用场景
最新发布
09-20
`<script>` 标签用于插入 JavaScript 代码，可以在网页中执行脚本。`<template>` 标签用于定义可复用的 HTML 模板，可以在 JavaScript 中进行操作和克隆。`<style scoped>` 标签用于定义作用域样式，只会应用于当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值