如何在html中调用js代码

Posted 2023-03-14

参考技术A

我们编写html的时候经常需要调用JS的相关代码，那么如何在HTML中调用JS的代码呢？下面我给大家分享一下。

工具/材料

Sublime text

01

首先打开Sublime text软件编写一个html页面，如下图所示

02

然后我们在html页面中添加script标签，在script里简单的写一些JS的代码，如下图所示

03

接下来可以定义一个button按钮，通过其click事件来调用JS的代码，如下图所示

04

当然，如果调用的JS代码是外部的文件，则需要在开头的head标签内进行引入才可以使用，如下图所示

如何将js 输出到html源码中?

例如很多第三方评论系统（如：多说），百度推荐等，如何将这些js输出的内容直接显示在网页html源码中？（即：右键-查看源代码中能看得见这部分输出的内容）

举个简单的例子，如这个页面（http://changyan.sohu.com/static/sample/sohu_hotnews.html#labsTarget）的“热门新闻”，“热门评论”，“评论”等模块的内容，如何显示在html源码中？

HTML中调用JS代码。

js代码注解：javascript代码，可直接在客户端解释执行，html中调用js代码的方法有两种：一、将javascript写在html文件中，在html中调用js函数等；二、js代码写一个文件中，在html中引用该文件，使用js文件中定义的js函数。

调用方法：

1、打开Dreamweaver软件，在创建新项目下选择HTML；

2、点击“文件”——“另存为”——文件命名为test——保存在电脑桌面；

3、编写html文件，html文件包含用户名及密码输入文本框，确定和取消按钮；

4、在title标签下插入<script language="JavaScript">js代码</script>，在html中调用js函数；

5、js代码编写及html调用js代码完成保存tset.html文件，在浏览器中打开test.html文件，检查js代码执行效果；

6、在Dreamweaver软件中新建check.js文件（方法同html文件新建），check文件中输入校验函数；

7、test.html的title标签下引用check.js文件；

8、在程序中引用check.js文件中js函数，在浏览器中刷新test.hmtl文件，然在username的输入框中输入非法字符来检验js代码。追问

你说的和我问的好像完全不是一回事吧

参考技术A window.onload = function()
var str = 'abcdefg',i=0,arr=str.split('');
setInterval(function()
if(i>str.length-1)
i=0;
document.getElementById('test').innerHTML='';

document.getElementById('test').innerHTML=document.getElementById('test').innerHTML+arr[i];
i++;
,200);


<b id="test"></b>追问

我问的不是这意思，我的意思是将js输出的内容显示在html中，该怎么做呢？