• 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();



    作者:沙漏哟
    出处:计算机的未来在于连接
    本文版权归作者和博客园共有,欢迎转载,请留下原文链接
    微信随缘扩列,聊创业聊产品,偶尔搞搞技术
  • 相关阅读:
    element-ui el-tree竖向滚动条和横向滚动条问题
    菜单加滚动条相关样式
    echarts tree 树图总结,点击父节点动态生成子节点,树图数据过多高度自适应,点击子节点跳转页面。
    基于Mininet测量路径的损耗率
    RyuBook1.0案例一:Switching Hub项目源码分析
    深度学习之稠密连接⽹络(DENSENET)
    图形学之图像信号处理
    图形学之卷积滤波器
    图形学之信号处理
    Lecture13_光线追踪1(Whitted-Style Ray Tracing)_GAMES101 课堂笔记
  • 原文地址:https://www.cnblogs.com/yeahwell/p/5226077.html
Copyright © 2020-2023  润新知