如何向innerHTML中写入字符串“<script>”？

最新推荐文章于 2022-04-17 21:14:15 发布
原创 最新推荐文章于 2022-04-17 21:14:15 发布 · 504 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文通过一个简单的示例展示了如何使用JavaScript在网页中动态地注入并执行代码。示例中利用了`document.getElementById`和`eval`函数来实现这一过程，并提供了一个测试按钮供用户触发代码执行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<div id="aa">
alert('ok');
</div>
<script language="javascript">
function ok(){
 eval(document.getElementById('aa').innerHTML);
}
</script>
<button onclick="ok()">Test</button>
wmnmtm
关注
JavaScript教程带你快速入门
OIqng的博客
09-03 2521
JavaScript 简介 JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 JavaScript 是基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。 JavaScript 用法 HTML 中的脚本必须位于 标签之间。 脚本可被放置在 HTML 页面的 和 部分中。 <script>标签 <script> 和 </script> 会告诉 JavaScript 在何处开始和结
通过innerHTML动态插入的script无法执行的解决方法
blogzhoubo的博客
11-05 4349
很多时候，需要通过innerHTML动态插入javascript代码到指定的div中，或者通过ajax请求回来的内容里面包含javascript代码，然后把该代码插入指定的div中，但是插入后的script却无法执行。 原因：直接通过innerHTML动态嵌入的script，浏览器会当做普通的文本，不会当作SCRIPT节点维护到DOM里面，所以调用的时候找不到。 解决方法：...
innerHtml写法
weixin_34117211的博客
08-10 304
swt_center = "<div id='new_swt_wee'>"; swt_center += '<a href="javascript:void(0);" onclick="return getSwt(\'middle-swt\');"><img style=" z-index:2147483649; " src="'+ swt_img+'" bo...
执行 innerHTML 里的 <script>
weixin_33681778的博客
03-17 224
原文：执行 innerHTML 里的 &lt;script&gt; 背景 有时候我们会有把一整段 HTML 动态塞进页面的需求，例如渲染了一个模板，从服务器端获取了一段广告代码等。一般情况下我们使用 container.innerHTML 即可。但是当 HTML 中出现 script 标签时，直接使用 innerHTML 并不会执行它。 一个例子   &lt;div id="test"&gt;H...
JavaScript中的innerHTML使用
热门推荐
qq_60115503的博客
04-17 6万+
innerHTML innerHTML属性允许更改html元素的内容,可以设置或返回表格行的开始和结束标签之间的HTML,本篇文章就来给大家介绍关于innerHTML的用法
html中输出语句怎么写,JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)...
weixin_28900073的博客
05-31 1351
JavaScript 输出JavaScript 没有任何打印或者输出的函数。JavaScript 显示数据JavaScript 可以通过不同的方式来输出数据：使用 window.alert()弹出警告框。使用 document.write()方法将内容写到 HTML 文档中。使用innerHTML写入到 HTML 元素。使用 console.log()写入到浏览器的控制台。使用 window.al...
运行插入到innerHTML中的script
东杰书屋
07-10 1234
在做 ajax 编程时，我们常常需要将 xmlhttp 获取到的页面内容通过 innerHTML 来赋给某个容器（比如 div、span 或者 td 等），但是这里存在一个问题，就是我们将要赋给 innerHTML 的页面内容如果包含有脚本程序，这些脚本程序不管是外部脚本，还是内部脚本，可能(1)都不会被执行。这个问题在某些时候微不足道，甚至可以忽略，但有些时候，这个问题就非常严重，它很可能让我们
任务描述 本关任务：使用 document.write 在页面显示 <h1>网页制作常用工具</h1><ul><li>图像处理Photoshop工具</li><li>网页编辑Dreamweaver工具</li></ul>编程要求 使用 document.write 在页面显示 <h1>网页制作常用工具</h1><ul><li>图像处理Photoshop工具</li><li>网页编辑Dreamweaver工具</li></ul><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>prompt方法</title> <script type="text/javascript"> /***请在此处书写代码****/ /**********Begin**********/ /**********End**********/ </script> </head> <body> </body> </html>
05-28
`document.write` 方法会直接将指定的字符串作为 HTML 内容写入到文档中[^4]。 需要注意的是，当页面加载完成后再次调用 `document.write` 方法时，可能会覆盖整个文档的内容[^1]。因此，在实际开发中需要谨慎使用...
任务描述 本关任务：使用 document.write 在页面显示 <h1>网页制作常用工具</h1><ul><li>图像处理Photoshop工具</li><li>网页编辑Dreamweaver工具</li></ul> 相关知识 document.write 基本功能介绍 document.write 是一个基本的 JavaScript 命令。这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本，在打印的文本字符串加上单引号。例如： document.write('Hello World!'); 同时,也可以使用 document.write 打印变量。输入变量名称不加上引号，如下： var mytext = "Hello again"; document.write(mytext); 注意：如果变量名称加上引号，将会打印出变量名称（不会打印变量值）。你可以使用“+”符号来连接变量值和文本字符串。 var colour1 = "purple"; var colour2 = "pink"; document.write('<p>colour1: ' + colour1 + '<br>colour2: ' + colour2 + '</p>'); 打印结果如下： colour1: purple colour2: pink 编程要求 使用 document.write 在页面显示 <h1>网页制作常用工具</h1><ul><li>图像处理Photoshop工具</li><li>网页编辑Dreamweaver工具</li></ul> 测试说明 平台会对你的代码进行运行测试，如果实际输出结果与预期结果相同，则通关；反之，则 GameOver。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>prompt方法</title> <script type="text/javascript"> /***请在此处书写代码****/ /**********Begin**********/ /**********End**********/ </script> </head> <body> </body> </html>
05-28
`document.write()` 方法可直接向 HTML 文档流写入字符串内容，支持 HTML 标签解析： ```javascript document.write("<h1>我的学习笔记</h1>"); // 输出标题 ``` 2. **输出复杂结构** 通过字符串拼接方式输出...
List<String> productionCount = new List<String>();写入html以表格形式
最新发布
07-15
<think>我们有一个List<String>，每个字符串代表一行数据。我们想将其展示为HTML表格。 思路： 1. 将List<String>转换为二维数据结构（例如List<List<String>>），因为表格是二维的。 但是，用户给的是List...
基于innerHTML中的script广告实现代码[广告全部放在一个js里面] <font color=red>原创</font>
10-29
当使用`innerHTML`插入包含`script`标签的HTML字符串时，浏览器会解析并执行这些脚本。这种方法在某些情况下可以方便地管理和插入动态广告，特别是在需要根据页面状态或用户行为改变广告内容时。 然而，`innerHTML`...
innerHtml 中执行javascript 语句
u012513234的专栏
12-17 467
// function execInnerScript(innerhtml) { // // var temp = innerhtml.replace(/\n|\r/g, ""); // var regex = //gi; // var arr = temp.match(regex); //
赋值 script 到 innerHTMl 的Extjs 解决方案
{ focus : web }
08-31 300
  老话题： 一般来说 innerHTML 只处理 html 即可，很方便代替冗余的dom操作，但是也有场合需要 从服务端返回一段代码+html一起付给innerHTML， 这种情况下script是并不执行的，有兴趣可以试试   &lt;div id="scriptTest"&gt; &lt;/div&gt; &lt;script type="text/javascrip...
html script触发,用 innerHTML 写入 script 标签不触发请求。
weixin_36087045的博客
06-20 434
This one was trivial.As stated in spec (8.4 Parsing HTML fragments and 8.2.3.5 Other parsing state flags,) quote:when using innerHTML the browser will1.Create a new Document node, and mark it as being...
innerHTML 插入 <script> 脚本正确执行的处理方式
weixin_33674976的博客
10-14 495
为什么80%的码农都做不了架构师？>>> ...
用innerHTML动态插入的script没有执行的问题
sinat_34626741的博客
07-08 5140
原因：浏览器会将通过innerHTML动态插入的当成普通文本，不会维护到DOM里面，所以会存在调用的时候找不到。 解决办法：首先嵌入后，通过DOM找到所有的script标签，然后一一创建script标签，并将script里面的内容重新赋值，将这个新的script节点追加到页面的head节点中，这样就可以调用里面的函数了。 ...
javaScript点击按钮innerHTML字符串拼接
weixin_52309490的博客
04-04 1215
*{ padding: 0; margin: 0; } div{ width: 50px; margin: 0 auto; } button{ cursor: pointer; } ul{ margin-top: 5px; list-style:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值