Javascript——初步

来源:互联网 发布:app软件页面模板源码 编辑:程序博客网 时间:2024/06/05 10:13

1.基本概念

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

2.特点

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

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

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

3.框架

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

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

4.函数

1.函数由关键字function来定义。

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

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

1 0
原创粉丝点击