javascript基础_04

一、javascript的引用方式

• 内部标签：

<script type=”text/javascript”>//里面写js代码</script>//HTML5中写法：<script>//里面写js代码</script>

• 外部引入

<script src=”外部文件路径” type=”text/javascript”>    //！！！！！这里面不能写js代码</script>

• 数据类型：
  
  • 变量是没有类型的，数据是有类型的。
  • underfined未定义（声明了变量但从未赋值）例如：var num;
  • null类型,例如: var num=null;
• 补充几个函数：
  
  • eval()：
    eval()函数可计算某个字符串，并执行其中的的 JavaScript 代码。注意eval里面的参数只能是字符串，不能是对象。
    例子：

        function testB()        {            var s="x=5;y=11; alert(x*y)"            eval(s);        }        //body里面的代码         <button onclick="testB()";>eval</button>

结果：

• escape() ：
  
  • escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。
  • 已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。
  • 该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换
  • 注：ECMAScript v3 反对使用该方法，应用使用 decodeURI() 和 decodeURIComponent() 替代它。
  • 例子：

        var str="你好吗？";        alert(escape(str));//对srt进行转码        var unStr="%u4F60%u597D%u5417%uFF1F";alert(unescape(unStr));//对unStr进行还原//这里就将str进行了转码：

• 能够获取到标签对象，就能操纵该标签的属性。
• 获取表单域
  
  • 用表单的submit按钮提交和用reset按钮重置.
  • 例子：

    //body中的代码： <form action="Login.jsp" name="loginForm" id="loginForm" method="get" onsubmit="return isSubmit()">            <input type="text"  name="uname"  id="uname"/>            <input type="password"  name="upwd" id="upwd" />            <input type="submit"  value="submit提交" name="sumbit" />            <input type="reset"  value="reset清空" name="reset"/>         </form> //JS中的代码：        function isSubmit()        {            var uname=document.getElementById("uname");            var upwd=document.getElementById("upwd");            var unameVal=uname.value;            var upwdVal=upwd.value;            if(unameVal==""||upwdVal=="")            {                   alert("账号名和密码不能为空");                return false;            }            return true;        }//这两段代码分别是body中和js中的代码。当点击提交按钮后，会调用isSubmit()函数，执行里面的代码，当文本框或者密码框不为空才会提交成功。

• 用普通button按钮提交和重置：

//js中的代码function isSubmit1()        {            var uname1=document.getElementById("uname1");            var upwd1=document.getElementById("upwd1");            var unameVal1=uname1.value;            var upwdVal1=upwd1.value;            if(unameVal1!=""&&upwdVal1!="")            {                document.getElementById("loginForm1").submit();            }else            {                alert("账号名和密码不能为空");                //document.loginForm1.action="Login.jsp";                //location.href="Login.jsp?uname1="+unameVal1+"&upwd1="+upwdVal1;            }        }//body中的代码<form action="Login.jsp" name="loginForm1" id="loginForm1" method="get">            <input type="text"  name="uname1"  id="uname1"/>            <input type="password"  name="upwd2" id="upwd1" />                <select>                <option>请选择</option>                <option>成都</option>                <option>绵阳</option>                </select>            <input type="button"  value="Button提交" id="sumbit1"  onclick="isSubmit1()";/>            <input type="button"  value="button清空" id="reset1"  onclick="isReset()"/>         </form> //这里就完成了用普通按钮提交表单和清空表单

• 死链接（a标签）：

 <a href="javascript:void(0)">死链接</a> //这里就生成了一个点击没有效果的超链接，可以和事件绑定一起用。