javascript 入门

最新推荐文章于 2025-04-27 10:19:20 发布

原创最新推荐文章于 2025-04-27 10:19:20 发布 · 463 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍JavaScript的基本用途，如读取HTML数据、响应用户操作及验证输入等，并通过实例展示如何编写简单的JavaScript代码来实现功能。

Javascript 是网络最流行的脚本语言，是UI工程师能力的体现，像百度等一些公司，都有自己的js(javascript的简称)库，并且有专门的团队去维护和测试这些库的性能，以高考卷子的题目为例，js就是拉开你和别人分数差距的题目。
1 它能做什么？
Js能读取html页面上的数据，能响应你点击js按钮后的动作，能读取你打开html页面浏览器的类型，能验证你两次输入的密码是否相同等等
2入门实例
2.1实例一
代码如下：
<html>
<head><title></title></head>
<script type="text/javascript">
alert("Hello World!");
</script>
<body>
</body>
</html>

打开这个页面，就会弹出一个小框 “hello world”

也就是说只要把你的js代码放入
<script type="text/javascript">
和
</script>

标签之中，他就会被浏览器解释执行。
双击 demo1.html,页面如果显示

就点击“允许阻止的内容”，然后就会允许js的代码了，结果如下：

代码如下：
<html>
<head><title></title>
<script type="text/javascript">
function isequal(){
var mi1=document.getElementById('mima1').value;
var mi2=document.getElementById('mima2').value;
if(mi1==mi2){
alert('两次输入相等');
}else{
alert('两次输入不等');
}
}
</script>
</head>
<body>
密码：<input type="text" id="mima1" name="mima1" /></br>
再次输入密码：<input type="text" id="mima2" name="mima2" /></br>
<input type="button" name="compare" value="点我比较" onclick="isequal()" />
</body>
</html>

function 是声明函数点击按钮后调用 isequal（）的函数
结果如下：

查看图片附件