天天看点

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.总结

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

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/115538.html原文链接:https://javaforall.cn