PHP网站开发

当前位置:首页>精选文章>PHP网站开发
全部 82 公司新闻 1 行业新闻 2 网络 5 电脑 25 PHP网站开发 22

2.1.4 Web 客户端基本技术(2)

时间:2020-07-09   访问量:1103

下面是将lasSce脚本块加入到Web文档中的例子,示范如下:

  <html>

  <head>

  <script language ="JavaScript">

  documentwrite("hello,world");

  //document.close();注释方式同C和PHP

  </script>

  </head>

  </html>

在浏览器的窗口中执行上述语句,则可显示"hello,world"字符串,如图2-2所示。

image.png

注:document.write()是文档对象的输出函数,其功能是将括号中的字符或变量值输出到窗口中; document.close()是将输出关闭。

在实际应用中,常常将自定义的JavaScript函数放在<head>...</head>中,JavaScript 脚本块形成格式,示范如下:

  <script language="JavaScript">

  function fun1(参数表){

    JavaScript语句集

  }

  function fun2(参数表){

    JavaScript语句集

  }

  ...

  </script>

(2)包含文件

为了避免因<head...</head>中JavaScript脚本块过大而导致的网页文档代码过长,可以采用一种类似C程序的形式。在头部包含JavaScript代码的方法如下:

  <head>

  <script language="JavaScript"  src= "js/basc.js"></script>

  </head>

basc.js中的内容即为具体的JavaScript脚本块。

(3)隐式的嵌入方式

不进行声明或仅进行简短声明,直接用于事件驱动的处理程序中。直接用于事件处理代码中的JavaScript脚本,示范如下:

  <input type="button" name="Submit3" value="单击我" onCick="javascrip:alert(‘hello,world‘);">

  <!--或:

  <input type="button”name-"Submit3" value="单击我" onCick="alert(‘hello,world‘);">

  -->

显然这种方式对于较短的事件处理,JavaScript 代码很适用。若这种代码较长,则应采取块嵌入或包含文件的方法。

3.客户机对象技术

从JavaScript的工作原理中可以看出,为了能更好地控制操作和做出响应动作,JavaScript编程者必须清楚地了解常用的客户机对象。下面详细地介绍对象的基础知识。

1)使用对象的什么:使用对象的属性、事件、方法。在JavaScript中,属性是表示对象的性质的值,往往用“对象名.属性名”的形式引用;事件往往用“on事件名”的形式来倾测、标识,表示“当...的时候”;方法是对象发出的动作,往往用“对象名方法名()”的形式使用。

2)如何获得(引用)对象:一个对象要真正地被引用,可采用以下几种方式获得该对象。

引用JavaScript内部对象(常用)。

●引用浏览器对象(常用)。

创建新对象,然后引用它。

即对象在引用之前必须存在,要么创建新的对象,要么利用现存的对象。

JavaScript内部对象: (JavaScript built-in Object)即JavaScript语言本身的对象,如eval(字符串)返回字符串表达式中的值。

浏览器对象:如窗口( window)、文档(document)、 表单(form)等,它们之间是分层次的树状关系。反映这种关系的模型,称作文档对象模型(Document Object Model, DOM),如图2-3所示。

image.png

创建新対象的格式是:新対象名=new已存在対象名(参数表),示范如下:

var now = new Datel();

var year = now.getYear();

alert('现在是'+now);

alert('今年是'+year);

上一篇:2.1.4 Web 客户端基本技术(1)

下一篇:2.2.1 PHP 简介

在线咨询

点击这里给我发消息 售前咨询专员

点击这里给我发消息 售后服务专员

在线咨询

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部