js保存html代码（html怎么保存代码）

发布时间：2023-12-08

js保存html代码（html怎么保存代码）

更新：2022-11-14 19:21

本文目录一览：

  1. JS实现保存当前网页HTML到本地
  2. 如何把JS文件添加到HTML里？JS代码如图：
  3. 怎么把调用的js代码放在html中

JS实现保存当前网页HTML到本地

  1. 保存本页面
  2. 保存当前页面中iframe页面里面的html；
    js如何获取iframe页面内的对象，注意地方：
  • 需要在服务器下运行；
  • 父级页面须保证页面内容加载完毕，即js获取iframe页面内容需要在window.onload中写

如何把JS文件添加到HTML里？JS代码如图：

  1. 首先，找到我们需要修改的js文件。
  2. js文件直接可以用记事本打开，但是，使用记事本打开格式非常乱，不方便我们查看和修改。
  3. 这里，我们使用Intellij IDEA打开js文件。如图，格式很规范，内容我们可以一目了然。
  4. 然后，我们通过快捷键【Ctrl】+【F】快速定位到我们需要修改的位置。
  5. 回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。
  6. 保存html文件后使用浏览器打开，点击按钮即可看到出现一个弹出。

怎么把调用的js代码放在html中

在HTML中加入JavaScript脚本
JavaScript采用的格式如下：

<script language="JavaScript">
JavaScript 语句
</script>

把上述语句放在HTML的<head>与</head>之间，也可放在<body>与</body>之间。将JavaScript标识放置在<head>与</head>在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；将JavaScript标识放置在<body>与</body>主体之间以实现某些部分动态地创建文档。

例子：在网页上显示“你好！”

<html>
<body>
<script language="JavaScript">
alert("你好！")
</script>
</body>
</html>

在浏览器地址栏直接执行JavaScript脚本

也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。
如输入：javascript:alert(200*75)

调用JavaScript文件

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。

例子：调用test.js文件，显示提示。

<html>
<body>
调用test.js文件
<script language="JavaScript" src="test.js"></script>
</body>
</html>

test.js的文件内容如下：

alert("这是被调用的语句。")
推荐文章