zoukankan      html  css  js  c++  java
  • Javascript——初步

    1.基本概念

    Javascript是一门脚本语言,它是一门解释性的语言。网页和用户之间实时、动态的进行交互。

    2.特点

    简单性:没有严格的数据类型。语句简单而紧凑。

    安全性:仅仅能通过浏览器实现浏览和动态交互。

    动态性:直接对用户或者客户做出响应,採用事件驱动。

    3.框架

       在html页面中须要加上下面的框架代码。

    <scriptlanguage="javascript" type="text/javascript">
               //语句
    </script>

    4.函数

    1.函数由keywordfunction来定义。

    2.定义后能够在作用域内随时调用,调用方法:函数名();

    3.函数名区分大写和小写

    4.有系统函数,比如弹出对话框函数alert

    5.用return返回值

    举例:推断文本框是否为空的函数

    <script language="javascript" type="text/javascript">
    function isnull(){
    	var strtxt=document.form1.textfield.value;
    	if(strtxt=="" || strtxt==null)
    	{
    		alert("请输入姓名");
    		document.form1.textfield.focus();//文本框获得焦点
    	}	
    }
    </script>

    5.事件处理机制

    事件触发函数→函数执行→返回返回值。

    举例:当文本框发生失去焦点事件时,触发推断文本框是否为空的函数,假设为空提示“请输入姓名”。

    </head>
    <script language="javascript" type="text/javascript">
    function isnull(){
    	var strtxt=document.form1.textfield.value;
    	if(strtxt=="" || strtxt==null)
    	{
    		alert("请输入姓名");
    		document.form1.textfield.focus();
    	}	
    }
    </script>
    <body>
    <form id="form1" name="form1" method="post" action="">
      <input type="text" name="textfield" onblur="isnull()" />
    </form>
    </body>

    6.document.表单名.表单控件名.+属性/函数

    document是js中的对象,上面的格式用于获得控件的相应的属性值,或者对控件进行操作。

    比如:

    document.form1.textfield.value;//得到文本框中的值
    document.form1.textfield.focus();   //文本框得到焦点

    7.总结

    这一块的学习还是比較轻松的,可能还没有接触到复杂的地方。在以后的深入的学习中要多多总结。与之前的学学习找共同点。

  • 相关阅读:
    主流的浏览器分别是什么内核?
    css的基本语句构成是什么?
    如何居中一个浮动元素?
    你如何管理CSS文件、JS与图片?
    、在ie6,ie7中元素高度超出自己设置高度。原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的。
    前端页面有哪三层构成,分别是什么?作用是什么?
    两个对象的 hashCode() 相同,则 equals() 也一定为 true,对吗?
    == 和 equals 的区别是什么?
    JDK 和 JRE 有什么区别?
    2020.10.19
  • 原文地址:https://www.cnblogs.com/yxwkf/p/5337132.html
Copyright © 2011-2022 走看看