您的位置 首页 php

PHP入门读书笔记(十七):介绍JavaScript

现在的浏览器普遍都支持Javascript,客户的浏览器都安装了好几种。这里我们对javascipt做个初步的介绍。

javascript是一种基于对象和事件并具有安全性能的解释型脚本语言。不但用于编写客户端的脚本程序,由客户端浏览器解释执行。而且还可以编写在服务器端执行的脚本程序,由服务器端处理用户提交的信息并动态地向浏览器返回处理结果。

一、Javascript 数据类型

 字符串型:使用单引号或者双引号括起来的一个或者多个字符串
数值型:包括整数或者浮点数(包含小数点的数或者科学计数法的数)
布尔型:true或者false
对象型:用于指定javascript程序中用到的对象
空值:给一个变量赋值null值来清除变量的内容
undefined:表示该变量尚未被赋值  

二、Javascript 变量

1、变量命名的规则

必须以字母或者下划线开头,中间可以是数字、字母或者下划线。

变量名不能包含空格或加号、减号等符号。

变量名严格区分大小写的。大小写不一样代表不同的变量。

变量名不能使用关键字。

关键字和java的关键字类似。这里不列举。

2、声明和赋值

 var variable; //声明一个变量
var variable=10; //声明并赋值11
var sum,avg; //声明多个变量
var sum=0,avg=10; //声明多个变量并赋值    

Javascript的函数和语句和php有相通的地方。这里就不介绍了。

可以阅读其他相关教程:

三、javascript 事件

事件是某些动作发生的时候产生的信号,这些事件随时可以发生。引起事件的发生的动作成为触发事件。比如鼠标点击了某个按钮,用户在文本框输入文字都会有对应的触发事件。

下面是常见的事件:

onchange

HTML 元素已被改变

onclick

用户点击了 HTML 元素

onmouseover

用户把鼠标移动到 HTML 元素上

onmouseout

用户把鼠标移开 HTML 元素

onkeydown

用户按下键盘按键

onload

浏览器已经完成页面加载

其他事件可以查看手册:

四、调用Javascript脚本

1、在html中嵌入javascript脚本

在html中使用<script>标记就可以嵌入到html中

 <script language="javascript">
....
</script>  

language标记的是设置脚本语言的名称和版本,也可以不设置该属性,浏览器默认使用javascript脚本预约进行处理。

2、在网页中引用Js文件

不管是在php,还是其他语言上甚至是普通的html页面上,都可以使用外置的脚本文件来调用javascipt脚本

 <script src="url" language="javascript"></script>  

src的url是js文件的路径,language的作用和上面的一样。使用脚本文件不仅可以在html中结合使用,还可以与php动态网页结合使用。使用外部js文件的优点如下:

将javascript代码从网页中独立出来,方便代码阅读

一个外部js文件可以同时被多个页面调用。需要修改代码,只需要修改js文件的代码,方便代码维护。

通过script不仅可以调用自己服务器的上面的js文件,也可以通过路径调用其他服务器上的js文件。

注意:在js文件中,只能包含javascript脚本代码,不能包含<script>标记和html代码,不然会产生错误。

在引用js文件的<script>和</script>标记的中间不能有其他的javascript代码,即使存在了浏览器也是会忽略这写代码,而只执行js文件中的javascript代码

3、页面中调用自定义函数

这个就是前面说道的事件,根据事件调用自定义函数。

 <button type="button" onclick="check();"> 提交 </button>  

提交按钮绑定了一个点击事件,调用check()函数。

五、浏览器不支持Javscript的问题

1、开启浏览器对Javascript的支持

有些浏览器是出于安全考虑关闭了对javascript的支持,所以可以直接通过浏览器启用对javascript的支持。

2、使用注释符号验证浏览器的支持

如果用户不确定自己的浏览器是否支持javascript脚本,可以使用html的注释符号来进行验证。Html注释符号“<!–”开始,以“–>”结束。如果此注释符号里的javascript脚本在不支持javascript的浏览器,会把javascript脚本作为注释而不会显示在客户浏览器上。

 <script type="text/javascript">
<!--
//即使不支持Javascript脚本,用户也看不到这里面的代码
var a={};
a[“stu”] = null;
-->
</script>  

3、使用<noscript>标记验证浏览器的支持

除了上面的方式,还可以使用<noscript>标记来进行验证。

如果浏览器支持Javascript脚本,那么浏览器会忽略<noscript>…</noscript>标记中间的任何内容,反之不支持会把这标记中间的内容显示出来。用来提醒浏览者当前使用浏览器是否支持Javascript脚本。

 <script type="text/javascript">
document.write(“您的浏览器支持javascript脚本!”);
</script>
<noscript>
您的浏览器不支持javascript脚本!
</noscript>  

文章来源:智云一二三科技

文章标题:PHP入门读书笔记(十七):介绍JavaScript

文章地址:https://www.zhihuclub.com/78437.shtml

关于作者: 智云科技

热门文章

网站地图