首先我们需要了解什么是 JavaScript?
JavaScript 最初的目的是为了“赋予网页生命”。
这种编程语言我们称之为脚本。它们可以写在 HTML 中,在页面加载的时候会自动执行。
脚本作为纯文本存在和执行。它们不需要特殊的准备或编译即可运行。
JavaScript的真正强大之处在于它支持的基于浏览器和文档的对象。
并且JavaScript跟Java有很大的区别。
其次我们还需要了解为什么叫 JavaScript?
JavaScript 在刚诞生的时候,它的名字叫 “LiveScript”。但是因为当时 Java 很流行,所以决定将一种新语言定位为 Java 的“弟弟”会有助于它的流行。
随着 JavaScript 的发展,它已经变成了一门独立的语言,同时也有了自己的语言规范 ECMAScript。现在,它和 Java 之间没有任何关系。
1. 控制文档的外观和内容
JavaScript的document对象的使用write()方法可以在浏览器解析文档的时候把任何html文本写入文档中。而且也可以使用document对象重新生成 一个新的文档,document可以允许我们控制文档的样式包括文本内容,修改成我们需要的样子。还可以实现动态效果。
2. 对浏览器的控制
JavaScript可以实现对浏览器的打开、关闭、自动点击、浏览器的放大缩小、在浏览器的控制台进行输出等多种控制。例如
<script>
window.moveTo(0, 0);//移动窗口
window.resizeTo(1000, 800);//改变大小
window.onresize=new Function("window.resizeTo(1000, 800);")
</script>
<script type="text/javascript">
var button = document.getElementById("btn");
//每秒执行一次,若按钮状态为可用,进行点击
setInterval(function() {
if (button.disabled == false) {
button.click();
}
},
1000);
</script>
console.log(object[object, ...])//从控制台输出
3. 跟html表单的交互
这是由form对象以及它含有的表单元素对象提供的。所谓的交互就是在 提交表单数据的时候调用一个 javascript 所写的函数。
<form name="fone" onSubmit=" return on_submit() ;" method="post" >
用户名:<input name="user_name" type="text">
<br>
密码: <input name="user_password" type="text" >
</form>
<script language="javascript">
function on_submit()
{
if (fone.user_name.value == "")
{
alert("用户名不能为空,请输入用户名!");
return false;
}
}
</script>
4、与用户的交互
JavaScript一个重要特性就是能够定义事件处理器,在特定的事件发生时要执行的代码段。
<input type="button" onclick="conf()">
<input type="button" onclick="por()">
<script type="text/javascript">
//浏览器加载html页面时,会先加载head标签 也就会先加载script标签
// 执行下面的alert函数 所以会进入下一页面,就会弹出一个提示框
alert("你好啊!!")
function conf(){
var result = confirm("aaa");
if (result){
alert("no")
}else {
alert("yes")
}
}
function por(){
//会接收用户的输入
//第二个参数表示输入框的提示文字
//用户点击取消或按esc关闭对话框返回值都为null 用户未输入内容,点击确定,
// 返回值为提示文字 用户输入内容后 点击确定,返回值为用户输入的内容
var result = prompt("请输入姓名","叫小范");
alert(result);
}
</script>
总结:
- 脚本语言
- 基于对象
- 简单
- 动态性
- 跨平台性