JavaScript的特性(客户端)

首先我们需要了解什么是 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>

总结:

  1. 脚本语言
  2. 基于对象
  3. 简单
  4. 动态性
  5. 跨平台性
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值