怎样把javascript代码输出到页面上

JavaScript010

怎样把javascript代码输出到页面上,第1张

例如 在界面上你写一个标签:<span id="content"></span>

然后 js如下:

var content=document.getElementById("content")//获得id为content这个标签

content.innerHTML=“123"//span标签里的内容为123

这样内容就输出到界面上了,当然span标签可以换成div,label等都行。

不知道你具体的需求,所以我只能整理一下js里面的几种输出方式

首先是最常用的两种输出方式

1、alter("要输出的内容")

输出的内容会在网页以对话框的形式展示

2、console.log("要输出的内容")

输出的内容,会在控制台里面展示出来

将内容输出到页面上的方式:

1、document.write()直接输出到页面上

2、document.getelementById().innerHTML="xxxxxxx"

或者document.getelementById().innerText="xxxxxx"

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代码。