js的意义，引用方法及变量
一 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的意义，引用方法及变量的更多相关文章
- js中子页面父页面方法和变量相互调用
(1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa ...
- JS replace()方法替换变量（可以对变量进行全文替换）
转至:http://blog.sina.com.cn/s/blog_6552200b0102ve60.html 事情是这样的: 我要用 JS 替换一个多行文本的关键字 正常,没有变量的时候应该是这样: ...
- eclipse中查找类、方法及变量被引用的地方
1.选中要查看的类.方法或变量,然后Ctrl+Shift+G或右键-->References--->Project,就可以找到它所有被引用的地方. 2.对于方法,还可以通过右键--> ...
- 常见JS(JavaScript)冲突解决方法
1.一般JS冲突解决办法 a．最容易出现的就是js的命名冲突 ①.变量名冲突 变量有全局变量和局部变量当全局变量变量和局部变量名称一致时,就会js冲突,由于变量传递数值或地址不同就会产生JavaScr ...
- 由js apply与call方法想到的js数据类型（原始类型和引用类型）
原文地址:由js apply与call方法想到的js数据类型(原始类型和引用类型) js的call方法与apply方法的区别在于第二个参数的不同,他们都有2个参数,第一个为对象(即需要用对象a继承b, ...
- WinForm程序执行JS代码的多种方法以及使用WebBrowser与JS交互
方法一 使用微软官方组件Interop.MSScriptControl 1.msscript.ocx下载的地址 http://www.microsoft.com/downloads/details ...
- Chrome JS内存泄漏排查方法(Chrome Profiles)
原文网址:http://blog.csdn.net/kaitiren/article/details/19974269 JS内存泄漏排查方法(Chrome Profiles) Google Ch ...
- JS内存泄漏排查方法——Chrome Profiles
一.概述 Google Chrome浏览器提供了非常强大的JS调试工具,Heap Profiling便是其中一个.Heap Profiling可以记录当前的堆内存(heap)快照,并生成对象的描述文件 ...
- 区别JS中类的静态方法，静态变量，实例方法，实例变量
1.类的静态方法 先来段代码之后分析 // JS类静态函数 function BaseClass() { } // 类添加add函数 BaseClass.add = function() { cons ...
随机推荐
- X5SDK 腾讯浏览器内核
介绍 官网:http://x5.tencent.com/ 文档:http://x5.tencent.com/doc?id=1003 腾讯浏览服务由QQ浏览器团队出品,致力于优化移动端[webview ...
- Linux中命令行编译java接口总是提示找不到符号的疑难杂症的解决
今天学习java的接口,在linux的命令行下写代码练练手吧,啪啪啪一顿猛敲,写了一个接口UsbInserface,UDisk继承UsbInterface,写完了那就编译到bin目录呗. 当时写程序的 ...
- 再谈Cookies欺骗
在上一篇关于cookies欺骗的随笔中,提到的解决方案是把密码MD5加密之后存入cookies中,确实这种方法实现了效果,不过把密码留在客户端等待着去被破解不是一个合适的方法,在此也感谢 @老牛吃肉 ...
- Win8节省C盘空间攻略
问题分析: 1.系统页面文件(虚拟内存)占用空间 2.自动更新的缓存文件 3.系统保护的备份文件(系统还原用的) 4.休眠文件 5.索引文件 6.桌面文件 解决办法: 1.机器是8G内存,完全不需要虚 ...
- JS+CSS+HTML简单计算器
<!doctype html> <html> <head> <title>计算器</title> <meta charset=&quo ...
- 武汉科技大学ACM：1004: 华科版C语言程序设计教程（第二版）习题5.6
Problem Description 这天老师又给小豪出了一道题目:给你三根长度分别为a,b,c的火柴,让你计算这三跟火柴能组成的三角形的面积. Input 输入每行包括三个数a,b,c. Outp ...
- C++拾遗（十一）类继承
首先,这里提到的继承都是公用继承. 派生类 1.派生类需要添加自己的构造函数. 2.派生类创建之前会首先创建基类对象,即调用基类构造函数.在派生类构造函数后通过初始化列表将参数传递给基类构造函数. 3 ...
- 你好，C++（14）如何描述“一个名叫陈良乔，年龄33岁，身高173厘米，体重61.5千克的男人”——3.8 用结构体类型描述复杂的事物
3.8 用结构体类型描述复杂的事物 利用C++本身所提供的基本数据类型所定义的变量,只能表达一些简单的事物.比如我们可以用int类型定义nAge变量表示人的年龄,用string类型定义strName ...
- 设置Activity显示和关闭时的动画效果
设置Activity显示和关闭时的动画效果 通过overridePendingTransition方法可以设置Activity显示和关闭的动画效果.首先需要在res/anim目录中建立相应的动画资源文 ...
- 【结构型】Facade模式
外观模式主要意图是为子系统提供一个统一的接口,从而使用用户对子系统的直接依赖中,解耦合出来.Facade主要是通过为子系统统一封装个入口一样,原先用户对子系统的接口.类等都是直接访问,现在要通过Fac ...