• 【8-18】JS学习01


    Source : http://www.w3school.com.cn/html 

    外部的 JavaScript

    也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

    外部 JavaScript 文件的文件扩展名是 .js。

    如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:

    实例

    <!DOCTYPE html>
    <html>
    <body>
    <script src="myScript.js"></script>
    </body>
    </html>

    在 <head> 或 <body> 中引用脚本文件都是可以的。实际运行效果与您在 <script> 标签中编写脚本完全一致。

    提示:外部脚本不能包含 <script> 标签。

    通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

     

    写到文档输出

    <script>
    document.write("<p>My First JavaScript</p>");
    </script>

    警告

    请使用 document.write() 仅仅向文档输出写内容。

    如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

    操作 HTML 元素

    <script>
    document.getElementById("demo").innerHTML="My First JavaScript";
    </script>

    JavaScript 对大小写敏感。

    JavaScript 对大小写是敏感的。

    对代码行进行折行

    您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

    document.write("Hello 
    World!");

    不过,您不能像这样折行:

    document.write 
    ("Hello World!");

    JavaScript 注释

    单行注释以 // 开头。

    多行注释以 /* 开始,以 */ 结尾。

    声明(创建) JavaScript 变量

    我们使用 var 关键词来声明变量:

    var carname;

    Value = undefined

    在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。

    在执行过以下语句后,变量 carname 的值将是 undefined:

    var carname;

    重新声明 JavaScript 变量

    var carname="Volvo";
    var carname;

    JavaScript 拥有动态类型

    JavaScript 数组

    下面的代码创建名为 cars 的数组:

    var cars=new Array();
    cars[0]="Audi";
    cars[1]="BMW";
    cars[2]="Volvo";
    

    或者 (condensed array):

    var cars=new Array("Audi","BMW","Volvo");
    

    或者 (literal array):

    实例

    var cars=["Audi","BMW","Volvo"];

    JavaScript 对象

    var person={firstname:"Bill", lastname:"Gates", id:5566};

    对象属性有两种寻址方式:

    实例

    name=person.lastname;
    name=person["lastname"];
    JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
    • camelCase叫做“骆驼拼写法”,是指在英语中,依靠单词的大小写拼写复合词的做法。“骆驼拼写法”又分为两种。第一个词的首字母小写,后面每个词的首字母大写,叫做“小骆驼拼写法”(lowerCamelCase);第一个词的首字母,以及后面每个词的首字母都大写,叫做“大骆驼拼写法”(UpperCamelCase),又称“帕斯卡拼写法”(PascalCase)。变量一般用小驼峰法标识,大驼峰法常用于类名,函数名,属性,命名空间。

    带有返回值的函数

    function myFunction()
    {
    var x=5;
    return x;
    }

    在您仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:

    function myFunction(a,b)
    {
    if (a>b)
      {
      return;
      }
    x=a+b
    }

    向未声明的 JavaScript 变量来分配值

    如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

    这条语句:

    carname="Volvo";

    将声明一个全局变量 carname,即使它在函数内执行。

    把方法添加到 JavaScript 对象

    方法只不过是附加在对象上的函数。

    在构造器函数内部定义对象的方法:

    function person(firstname,lastname,age,eyecolor)
    {
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
    
    this.changeName=changeName;
    function changeName(name)
    {
    this.lastname=name;
    }
    }
    

    changeName() 函数 name 的值赋给 person 的 lastname 属性。

    JavaScript 类

    JavaScript 是面向对象的语言,但 JavaScript 不使用类。

    在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。

    JavaScript 基于 prototype,而不是基于类的。

    所有 JavaScript 数字均为 64 位

    JavaScript 不是类型语言。与许多其他编程语言不同,JavaScript 不定义不同类型的数字,比如整数、短、长、浮点等等。

    JavaScript 中的所有数字都存储为根为 10 的 64 位(8 比特),浮点数。

    精度

    整数(不使用小数点或指数计数法)最多为 15 位。

    小数的最大位数是 17,但是浮点运算并不总是 100% 准确:

    八进制和十六进制

    如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,如果前缀为 0 和 "x",则解释为十六进制数。

     1 <script type="text/javascript">
     2 
     3 var d=new Date()
     4 var weekday=new Array(7)
     5 weekday[0]="星期日"
     6 weekday[1]="星期一"
     7 weekday[2]="星期二"
     8 weekday[3]="星期三"
     9 weekday[4]="星期四"
    10 weekday[5]="星期五"
    11 weekday[6]="星期六"
    12 
    13 document.write("今天是" + weekday[d.getDay()])
    14 
    15 </script>

    操作日期

    通过使用针对日期对象的方法,我们可以很容易地对日期进行操作。

    在下面的例子中,我们为日期对象设置了一个特定的日期 (2008 年 8 月 9 日):

    var myDate=new Date()
    myDate.setFullYear(2008,7,9)
    

    注意:表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。并且这个时间类会自动处理增加减少。

     

    RegExp 对象的方法

    RegExp 对象有 3 个方法:test()、exec() 以及 compile()。

    RegExp 对象

    RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。

    直接量语法

    /pattern/attributes

    创建 RegExp 对象的语法:

    new RegExp(pattern, attributes);

    参数

    参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。

    参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。

    修饰符描述
    i 执行对大小写不敏感的匹配。
    g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
    m 执行多行匹配。
    方法描述
    compile 编译正则表达式。
    exec 检索字符串中指定的值。返回找到的值,并确定其位置。
    test 检索字符串中指定的值。返回 true 或 false。

    可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。

    警告框

    alert("文本")

    确认框

    如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。

    confirm("文本")

    提示框

    提示框经常用于提示用户在进入页面前输入某个值。

    当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

    如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

    语法:

    prompt("文本","默认值")
    <html>
    <head>
    <script type="text/javascript">
    function disp_prompt()
      {
      var name=prompt("请输入您的名字","Bill Gates")
      if (name!=null && name!="")
        {
        document.write("你好!" + name + " 今天过得怎么样?")
        }
      }
    </script>
    </head>
    <body>
    
    <input type="button" onclick="disp_prompt()" value="显示提示框" />
    
    </body>
    </html>
    

      

  • 相关阅读:
    javaWeb 使用jsp开发 if else 标签
    javaWeb 使用jsp开发 if 标签
    javaWeb 使用jsp标签进行防盗链
    javaWeb 在jsp中 使用自定义标签输出访问者IP
    javaWeb el表达式和jstl快速入门案例
    javaWeb 使用 jsp 和 javaBean 实现计算器功能
    javaWeb 使用cookie显示上次访问网站时间
    javaWeb 使用cookie显示商品浏览记录
    javaWeb request乱码处理
    ubunu下用命令设置壁纸
  • 原文地址:https://www.cnblogs.com/achievec/p/4738211.html
Copyright © 2020-2023  润新知