JavaScript初探之一_HelloWorld

一、  它只有函数

    它只有函数,这挺好的,并不一定需要类,不需要OOP。不一定要像使用Java或C#一样去要求它。

    w3c官网是这样介绍它的:

    JavaScript 是属于网络的脚本语言!

    JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

    JavaScript 是因特网上最流行的脚本语言。

    JavaScript 很容易使用!你一定会喜欢它的!

我们看看有多容易使用。

二、   HelloWorld

1. 新建一个demo1.html,并输入如下代码

<!doctype html>
<html>
	
	<head>
	  <title>JavaScript Demo1</title>
      <meta charset="utf-8" />
      <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
      <meta http-equiv="description" content="this is my page">
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">

      <link type="text/css" rel="stylesheet" href="demo1.css"/>
      <!--也可放在此处-->
      <!--<script type="text/javascript" src="demo1.js"></script>-->
   </head>
	
	<body>
		<div>
            <!-- 只有超链接的href中才需要加"javascript:",因为它不是事件,而是把"javascript:"看做像
                 "http:"、"ftp"、"thunder:"、"ed2k:"、"milto:"一样的网络协议 -->
            <a href="javascript:alert('Hello1')">我是比较特殊的链接</a>
            <a href="http://www.baidu.com" onclick="alert('Hello2')">我是比较特殊的链接2</a>
            <input type="button" value="点我啊" onclick="alert('Hello3')"/>
        </div>

		<script type="text/javascript" src="demo1.js"></script>
	</body>
	
</html>

使用此格式引用外部的js文件:

<script type="text/javascript" src="demo1.js"></script>

浏览器加载javascript是由上至下来加载的,假如你把此引用文件放在<head></head>部分,只有当你点击弹出的确定按钮之后,

<body></body>里的内容才会显示。而若你把引用文件放在</body>之前,则会先加载内容,再弹出信息提示框。

2.  在demo1.html的同一目录下新建demo1.js文件,并在demo1.js文件中加入如下代码:

function localDate() {
    alert(new Date().toLocaleDateString());
}
localDate();

3.  用任意浏览器打开demo1.html文件,如果你在China,就会看到Chinese喜欢看到的日期。

三、HelloWorld示例分析

上述代码做了两件事:

1.  声明一个函数,如果你学过C语言,这个你一定会。

只不过JavaScript声明函数的方式略有不同而已,

(1)function:   声明函数关键字

(2)函数名:  localDate,

(3)形式参数:   也就是localDate()括号内的参数,此处无形式参数

(4)函数体: 函数内所做的事,弹出一个信息提示框,alert(something);那么alert函数是从哪里来的呢,alert函数是window对象的方法,此处

                省略了window,应该是window.alert(something);

2.  调用此函数

localDate();



作者:沙漏哟
出处:计算机的未来在于连接
本文版权归作者和博客园共有,欢迎转载,请留下原文链接
微信随缘扩列,聊创业聊产品,偶尔搞搞技术
原文地址:https://www.cnblogs.com/yeahwell/p/5226077.html