JavaScript：使用js脚本写入HTML代码

Hello，大家好，我是wangzirui32，今天我们来学习如何让js脚本自动写入HTML代码。
首先，打开一个js文件，命名为hello.js，输入：

// 一个用于测试写入HTML代码的hello函数
// 用法：调用时在HTML页面上写入“Hello！”
function hello(){// document.write函数 用来写入括号中的HTML源码（为字符串）document.write("<h1>Hello！</h1>");
}
// 调用一次
hello();

然后，打开一个HTML文件，放在与hello.js相同的目录下，输入：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript 测试写入HTML</title>
</head>
<body><script src="hello.js"></script>
</body>
</html>

使用浏览器打开，即可看见加载出来的“Hello！”了。

JavaScript：使用js脚本写入HTML代码相关推荐

迷幻的 JavaScript（js）装13代码
迷幻的 JavaScript(js) 装13代码文章目录迷幻的 JavaScript(js) 装13代码 sb nb 评级组件加边框生成随机字符串装 13 的老大代码 sb console. ...
[JavaScript] 常用JS脚本
简介方法 / 步骤
flask与js交互的示例代码_Frida Java Hook 详解（安卓9）：代码及示例（上）
Frida Java Hook 详解(安卓9):代码及示例(上) 前言 1.1 FRIDA SCRIPT的"hello world" 1.1.1 "hello world ...
防止自建控件与页面间重复引入客户端js脚本的方法
我们在创建自定义的服务器端控件或是用户控件时,经常需要用到一些客户端js脚本,通常将其作为资源嵌入,并在页面后台代码中添加引用,但是如若用到一些通用的js库(比如JQuery)时,就免不了产生一个疑问 ...
Javascript 暂停/终止脚本
1.应用场景主要用于终止js脚本执行, 如代码调试[不太推荐]. 业务逻辑需要. 2.学习/操作 1. function中的return false 与 return的区别? 前者返回的是bool值 ...
项目中JS脚本的执行方式
在项目中经常会遇到有一些JS脚本,需要我们执行并将结果进行记录或者返回.这里介绍两种在项目中执行JS脚本的方法,分别是基于python和java实现: 1. python执行js脚本 python执行 ...
js中写html代码怎么写,在js中写html代码怎么写
在js中写html代码的方法:首先使用div标签创建一块区域,给div标签添加一个id属性:然后在js中将一段html代码保存在html变量中:最后使用innerHTML属性,将html代码动态写入d ...
js方法写在html中,在js中写html代码怎么写
在js中写html代码的方法:首先使用div标签创建一块区域,给div标签添加一个id属性:然后在js中将一段html代码保存在html变量中:最后使用innerHTML属性,将html代码动态写入d ...
QT与JavaScript交互/Qt调用JS脚本
QT与JavaScript交互/Qt调用JS脚本简介 QT中调用JS函数 JS中调用QT函数完整代码 mainwindow.h mainwindow.cpp html.html Qt调用JS脚本 ...
【无标题】把js脚本藏在书签里一键运行代码
如果经常针对某网站执行重复的步骤,比如登录.填表.复制内容等操作,可以自定义一段JS脚本,每次只要执行这段脚本代码就能自动完成操作. 但是一般的浏览器直接执行JS脚本并不方便,需要复制粘贴脚本代码,最 ...

JavaScript：使用js脚本写入HTML代码

JavaScript：使用js脚本写入HTML代码相关推荐

最新文章

热门文章