一 JavaScript的意义。

Javascript是浏览器端的脚本语言，它能够访问web页面的元素和运行它得浏览器，从而可以操作元素，创建新的元素等。它主要的作用有：

1.以指定尺寸、位置和样式（比如是否具有边框、菜单、工具栏等）打开新窗口；

2.提供给用户友好的导航帮助，比如下拉菜单；

3.检验Web表单输入的数据，在向Web服务器提交表单之前确保数据格式正确；

4.在特定事件发生时，改变页面元素的外观与行为，比如当鼠标指针

经过元素时；

5.检测和发现特定浏览器支持的功能，比如第三方插件，或是对新技术的支持。

终上，JavaScript在前端开发中有着极为重要的作用。

二．引用JavaScript

想要将JavaScript应用到网页中，共有三种方法，常用的有两种。

方法一，在HTML文档中插入<script></script>标签后，在<script>标签对中直接书写js代码。<script>标签对可以直接插入文档的头部，即

<head>

<script type=“text/javascript”>

//javascript 代码

alert(‘hello world’);

</script></head>

但是，在执行js代码所需时间过多的情况下，由于浏览器是从上向下对HTML文档进行加载，此时会有一段时间看不到页面的内容。故而，在这种情况下直接将script标签对写在body标签的底部比较好。

方法二.将js代码写在一个单独的文件中。用.js作为文件的扩展名，再利用<script>标签的src属性指向该文件。

如：

Test.js文档中

alert(‘hello wordld’);

Test.html文档中

<head>

<script type=“text/javascript” src=“test.js”></script>

</head>

 

三 变量

变量几乎在所有编程语言中都有用到，在JavaScript中，引用变量时，我们要在其前面加上运算符var。如：

var number=200;

在JavaScript中每一句完整的代码后都要以；结尾。如果我们要定义多个变量，可以在用上面的方法重复定义多次，也可以只用一个运算符var，变量之间以逗号分隔。如：

var a=12,b=”15”;

需要注意的是变量的命名规则；

第一个字符必须是字母、下划线(_)、或美元符号 ($);

变量名中不能包含空格或标点符号（下划线(_) 和$ 除外);

变量名区分大小写;

不能使用保留字、关键字

为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔。

变量的值一般是六类数据类型，即number，string，boolean，underfine，null，object。

 

 

 

 

js的意义，引用方法及变量的更多相关文章

  1. js中子页面父页面方法和变量相互调用

    (1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa ...

  2. JS replace()方法替换变量（可以对变量进行全文替换）

    转至:http://blog.sina.com.cn/s/blog_6552200b0102ve60.html 事情是这样的: 我要用 JS 替换一个多行文本的关键字 正常,没有变量的时候应该是这样: ...

  3. eclipse中查找类、方法及变量被引用的地方

    1.选中要查看的类.方法或变量,然后Ctrl+Shift+G或右键-->References--->Project,就可以找到它所有被引用的地方. 2.对于方法,还可以通过右键--> ...

  4. 常见JS(JavaScript)冲突解决方法

    1.一般JS冲突解决办法 a．最容易出现的就是js的命名冲突 ①.变量名冲突 变量有全局变量和局部变量当全局变量变量和局部变量名称一致时,就会js冲突,由于变量传递数值或地址不同就会产生JavaScr ...

  5. 由js apply与call方法想到的js数据类型（原始类型和引用类型）

    原文地址:由js apply与call方法想到的js数据类型(原始类型和引用类型) js的call方法与apply方法的区别在于第二个参数的不同,他们都有2个参数,第一个为对象(即需要用对象a继承b, ...

  6. WinForm程序执行JS代码的多种方法以及使用WebBrowser与JS交互

    方法一 使用微软官方组件Interop.MSScriptControl 1.msscript.ocx下载的地址   http://www.microsoft.com/downloads/details ...

  7. Chrome JS内存泄漏排查方法(Chrome Profiles)

     原文网址:http://blog.csdn.net/kaitiren/article/details/19974269 JS内存泄漏排查方法(Chrome Profiles)   Google Ch ...

  8. JS内存泄漏排查方法——Chrome Profiles

    一.概述 Google Chrome浏览器提供了非常强大的JS调试工具,Heap Profiling便是其中一个.Heap Profiling可以记录当前的堆内存(heap)快照,并生成对象的描述文件 ...

  9. 区别JS中类的静态方法，静态变量，实例方法，实例变量

    1.类的静态方法 先来段代码之后分析 // JS类静态函数 function BaseClass() { } // 类添加add函数 BaseClass.add = function() { cons ...

随机推荐

  1. 二叉排序树BST代码（JAVA）

        publicclassTest{     publicstaticvoid main(String[] args){         int[] r =newint[]{5,1,3,4,6,7 ...

  2. 使用CButtonColumn自定义CGridiew里面的按钮

    参考 http://www.yiiwiki.com/post/8 使用yii做的项目,编辑的时候,使用到的是自带的 CButtonColumn , 现在需要在编辑的时候跳新页面,这时只需要这样做就可以 ...

  3. jdbc连接数据库和jdbc-odbc桥接方式连接数据库

    //这种方式为jdbc直接连接,需要添加jar文件 1 package com.howe2; import java.sql.*; public class test2 { public static ...

  4. mockServer学习

    mockServer学习 很喜欢mockserver官方主页的背景颜色和格式 官方主页如下: http://www.mock-server.com/

  5. asp.net微信开发第三篇----自定义会话管理

    和微信用户的沟通少不了,总觉得看起来微信官网后台管理中的会话回复消息有点呆板,所以我这里就自定义了一个会话管理功能,最终效果图如下: 因为我试使用富文本文件CKEDITOR来进行编写,你看到稳中可能会 ...

  6. C#中yield用法

    yield 关键字向编译器指示它所在的方法是迭代器块.编译器生成一个类来实现迭代器块中表示的行为.在迭代器块中,yield 关键字与 return 关键字结合使用,向枚举器对象提供值.这是一个返回值, ...

  7. SQL 关于有单引号数据更新的问题

    要把sql语句中包含有单引号的符号加入到数据库中的做法 )),''','123.com') 很简单就是加入id=''123''            0'0就可以写成'0''0'

  8. input 类型为number型时，maxlength不生效？

    input 类型为number型时,maxlength不生效? 可以加oninput属性来控制最大长度:<input id="numInput" type="num ...

  9. NGINX关于配置PATHINFO

    最近在群里发现有很多小白不会配置pathinfo现贴出来配置代码照着配置就可以了     1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 2 ...

  10. Java内部类和外部类的通信探索

    1.内部类访问外部类的成员和方法 在内部类中,可以无障碍地访问外部类的所有成员和方法. 在下面的实验代码中,可以看到,内部类sl可以访问外部类的私有成员:sz 和 cur. 同时可以访问私有方法:pr ...