获取文本框中的内容有以下两种方法:
假设为如下文本框:
<input type="text" value="" id="text">1、原生JS获取文本框的值:
document.getElementById("text").value //text为文本框的id2、jquery获取文本框的值:
$("#text").val()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代码。
在网页上用程序输出文本通常有两种方法:1、用
DOM
对象的
innerHTML
属性和
innerText
属性向一个标签中写入文本。
2、用
Document
对象中的
write()
方法和
writeln()
方法向网页中输出文本。
这两个方法的区别在于,writeln()
方法在输出文本的末尾加入一个换行符,但由于在一般情况下,HTML
会忽略换行符,所以它一般不能起到换行作用。通常我们只使用
write()
方法。
write()
方法的调用格式:document.write(
文本串
)