`

Javascript教程-基础

阅读更多

文章来源:http://www.itnose.net/detail/6030451.html
更多文章:http://www.itnose.net/type/71.html

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

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

 

分享到:
评论

相关推荐

    JavaScript教程--从入门到精通(PPT精简版)

    本教程将深入探讨JavaScript的基本特点、与其他语言的区别,以及如何编写第一个JavaScript程序。 JavaScript最初由Netscape公司开发,它不是Java的子集,尽管两者名字相似。JavaScript是一种基于对象和事件驱动的...

    JavaScript教程--从入门到精通.ppt

    通过"JavaScript教程--从入门到精通",你将全面学习JavaScript的各个方面,从基础语法到高级应用,掌握网页动态效果的实现,为成为专业的前端开发者打下坚实基础。无论你是准备踏入Web开发的新手,还是希望提升技能...

    JavaScript教程--从入门到精通.

    通过这个“JavaScript教程--从入门到精通”,你可以逐步掌握JavaScript的核心概念和技术,为成为熟练的前端开发者奠定坚实基础。同时,不断跟进JavaScript的新发展,如ES新特性、Web组件、WebAssembly等,将有助于你...

    JavaScript教程--从入门到精通.zip

    总之,"JavaScript教程--从入门到精通"涵盖了JavaScript语言的方方面面,从基础语法到高级特性,再到实际应用,全面系统地教授了这门语言。通过学习和实践,你将能够编写出高效、可维护的JavaScript代码,实现各种...

    JavaScript教程--从入门到精通.rar

    总之,这个"JavaScript教程--从入门到精通"涵盖了JavaScript语言的全面知识,无论你是网页设计师希望增强交互性,还是后端开发者寻求前端技能,都能从中受益。通过系统学习和实践,你将能够熟练运用JavaScript,打造...

    Javascript教程--从入门到精通.doc

    JavaScript教程--从入门到精通,是一份全面介绍JavaScript编程语言的文档资料,旨在帮助初学者和进阶者深入了解和掌握JavaScript。JavaScript最初由Netscape公司开发,它是一种基于对象和事件驱动的脚本语言,介于...

    Javascript教程--从入门到精通【完整版】.zip

    这份“Javascript教程--从入门到精通【完整版】”的资源涵盖了学习JavaScript的基础到高级概念,旨在帮助初学者快速掌握这门语言,并逐渐提升到精通的水平。 首先,入门阶段通常会介绍JavaScript的基础语法,包括...

    廖雪峰-JavaScript教程-PDF版

    ### 廖雪峰-JavaScript教程-PDF版 #### JavaScript的重要性及发展历程 JavaScript作为世界上最流行的脚本语言之一,在Web开发领域占据着举足轻重的地位。无论是个人开发者还是大型企业,都离不开JavaScript的支持...

    Javascript教程--从入门到精通.rar

    总之,JavaScript教程从基础到高级,覆盖了编程语言本身以及与其相关的前端开发技术。通过深入学习,你可以成为一名熟练的JavaScript开发者,为构建交互性强、用户体验优秀的网页应用打下坚实基础。

Global site tag (gtag.js) - Google Analytics