zoukankan      html  css  js  c++  java
  • Javascript基础学习(1)

      学习.net已经近2年了,最近学习Ajax时发现自己的很多技术功底很是欠缺,比如JavaScript。这是我在园内第一篇笔记,今后我会将我正在学习的也写成笔记,有时间的话将以前的东西整理整理也传上来。

    一.JavaScript简介

      学习JavaScript之前,有些东西你需要先了解:

    • HTML
    • XHTML

      我觉得这些不需要太深入,懂个大概就行。

      JavaScript是:

    • JavaScript 被设计用来向 HTML 页面添加交互行为。
    • JavaScript 是一种脚本语言。
    • JavaScript 由数行可执行计算机代码组成。
    • JavaScript 通常被直接嵌入 HTML 页面。
    • JavaScript 是一种解释性语言。
    • 所有的人无需购买许可证均可使用 JavaScript。
    这些都是一些书里关于JavaScript的定义,知道就行了。
    二.实现JavaScript简单的例子:
    <html>
    <body>
    <script type="text/javascript">
    document.write(
    "这就是JavaScript.")
    </script>
    </body>
    </html>
    将JavaScript代码嵌入HTML页面时,需要在头和尾处加上JavaScript的标签,来告诉浏览器这是JavaScript代码。
      比如上面的例子就会在页面上显示:
    这就是JavaScript.

      假如没有例子中的红色部分代码,将会显示:

    document.write("这就是JavaScript.")

      在以前,老的浏览器不支持JavaScript时,为防止浏览器将JavaScript代码当做文本输出,我们可以将代码写成:

    <script type="text/javascript">
    <!--
    document.write(
    "Hello World!");
    //-->
    </script>

    这样的话不支持JavaScript的浏览器会自动跳过里面的代码,支持的则将会执行里面的代码。

    一般情况下,我们尽可能的将JavaScript代码独立出来,做成外部文件,一是使页面代码不那么混乱,二是在不同页面复用JavaScript代码时避免重复编写。
    <script src="aaa.js">....</script>
    .js文件一般统一放在网站的子目录中,方便维护和增加代码可读性。
    三.JavaScript语句及注释
    JavaScript语句带不带“;”都可以,不带的以一行为一句,带“;”的可以在同一行写多个语句。
    <script type="text/javascript">
    document.write(
    "<h1>Hello</h1>"); //以<h1>格式 输出 "Hello"
    document.write("World"); // 输出 "World"
    /*

    这样的多行注释。
    */
    </script>
    从这个简单例子中可以看出来在JavaScript输出语句中可以嵌入HTML语句,您可以试着写一些复杂的例子。

    四.JavaScript基本语法

      1.声明变量

      var x;var x=1;var x="你好"。。。。就一个var,很是简单。

      2.运算符

      这个和其他语言很类似,没什么好说的。网上找张表,自己看看。

    运算符描述

    +

    -

    *

    /

    % 求余数


    ++ 累加

    -- 递减

    运算符例子等价于
    = x=y  
    += x+=y x=x+y
    -= x-=y x=x-y
    *= x*=y x=x*y
    /= x/=y x=x/y
    %= x%=y x=x%y

      有意思的是若是两个字符串相加,输出的是这两个字符串拼接的结果。
      3.if,switch,for,while

    这些都很简单,看看例子就行了。
    <script type="text/javascript">
    var a=3
    if(a==1)
    {
    document.write(
    "a的值是1");
    }
    else if(a==2)
    {
    document.write(
    "a的值是2");
    }
    else
    {
    document.write(
    "a的值比2大");
    }
    </script>
    switch(n)
    {
    case 1:
    执行代码块
    1
    break
    case 2:
    执行代码块
    2
    break
    default:
    如果n即不是1也不是2,则执行此代码
    }
    for (i=0;i<=10;i++)
    {
    document.write(
    "The number is " + i)
    document.write(
    "<br />")
    }
      
    var i=0
    do{
    document.write(
    "The number is " + i)
    document.write(
    "<br>")
    i
    ++
    }
    while (i <= 10)
    var i=0
    while (i <= 10)
    {
    document.write(
    "The number is " + i)
    document.write(
    "<br>")
    i
    ++
    }
    for (变量 in 对象)//遍历数组常用的
    {
    在此执行代码
    }

      这些都是最基础的东西,下次我会将JavaScript中常用的事件写出来。

  • 相关阅读:
    用Doxygen生成X3D的继承关系树
    FreeBSD 8.0候选版本RC2发布
    Mozilla Firefox, Apple Safari,Chrome等主流浏览器均开始WebGL支持
    关于企业管理信息系统
    [转]WebGL标准最新进展
    C++ + Irrlicht整一个东东?
    FreeWRL Windows Beta版本注记
    选择C++开发环境
    老人与老浏览器-李开复与成熟度最高的VRML浏览器SGI Cosmo
    WebGL概念及HTML5推广给X3D规范带来的新出路
  • 原文地址:https://www.cnblogs.com/yaoge/p/1682732.html
Copyright © 2011-2022 走看看