一 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. yiiwheels.widgets.datetimepicker.WhDateTimePicker language

    参考 https://github.com/2amigos/yiiwheels/blob/master/widgets/datetimepicker/WhDateTimePicker.php publ ...

  2. LSI SAS 3108 配置操作

    配置LSISAS3108 介绍LSISAS3108的配置操作. 5.1 登录CU界面 介绍登录LSISAS3108的CU配置界面的方法,以及CU界面的主要功能. 5.2 创建RAID 介绍在LSISA ...

  3. 计算方法(二)用C#实现数值积分

    在工程中,经常会遇到积分问题,这时原函数往往都是找不到的,因此就需要用计算方法的数值积分来求. public class Integral { /// <summary> /// 梯形公式 ...

  4. HUD 1251 难题统计

    /* 这题倒是没啥难度 字典树可搞 但是吧 空间是个问题 开始写成这样 struct node { int next[27],sum[27]; bool over; }t[maxn]; 死活过不了 开 ...

  5. MVC的Model层中的一些便签

    由于自己重新接触MVC,所以把Model层里的一些标签给记录下来,方便自己的使用. 这些是自己目前试用过的一些,在以后的工作中我会接着补充进去新的内容

  6. ubuntu 安装 maven3

    sudo add-apt-repository ppa:natecarlson/maven3 sudo apt-get update && sudo apt-get install m ...

  7. c#0银行存款计算器

    简介: 为银行存款客户提供一个超级计算器,简单直观操作界面,提供一个银行本意到期金额结算查询程序,方便用户选择存款方式. 功能截图: 实验步骤:利用工具栏建造窗体设计如图: 1.建立2个GroupBo ...

  8. C#01

    C#语言 求4名同学三门成绩的平均值 using System; using System.Collections.Generic; using System.Linq; using System.T ...

  9. [HDU1017]Exact cover[DLX][Dancing Links详解][注释例程学习法]

    Dancing Links解决Exact Cover问题. 用到了循环双向十字链表. dfs. 论文一知半解地看了一遍,搜出一篇AC的源码,用注释的方法帮助理解. HIT ACM 感谢源码po主.链接 ...

  10. EIGRP认证 配置 (仅仅是命令 原理自己去看书) 转自:http://blog.163.com/s_u/blog/static/13308367201111771831631/

    EIGRP认证 目的:掌握EIGRP的MD5认证 拓扑:这里IP配置我就不写出来了,应该对大家来说是非常简单的事了,就要细心一点就可以了.首先我们在R1上启用MD5认证R1(config)#key c ...