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、新建一网页文件“sample.html",用记事本或其它文本编辑软件(如UltraEdit)打开,输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。
2、JS代码可插入到”head"标签之间。编写Javascript代码,代码内容如图所示,并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间,然后查看网页文件的显示内容。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:var a = '<input type="text" value="test" />'document.body.innerText = a。
3、浏览器运行index.html页面,此时html代码被当成字符串渲染到了页面上。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)