大家简述一下JavaScript脚本的基本结构?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了大家简述一下JavaScript脚本的基本结构?相关的知识，希望对你有一定的参考价值。
1、大家简述一下javascript脚本的基本结构？
2、JavaScript在页面中的应用有哪几种？
3、 window对象有哪些常用的方法及其含义？
4、 请列举Date对象有哪些方法？
5、 请解释setTimeout()方法与setInterval()方法的区别，及各自适用场合？
a).ECMAScript是以浏览器为宿主, 你可以把他看成是一个base function. javascript中所有的对象都是派生于ECMAScript中的一个大对象中. 由于不同浏览器对于ECMAScript的实现不同(以w3c为基准).所以市面上的不同浏览器中的js代码需要作兼容.
b). dom即文档对象模型, 就是html树. dom可以让你使用js来获取dom树中节点的对象, 以便你对html元素进行操作.
c). bom即浏览器对象模型, 浏览器厂商会把浏览器的基础信息封装在bom对象中.如窗口的各种宽度,高度. 浏览器版本,核心等信息.
2.个人认为javascript主要用于静态html 于用户的交互. 俗话说: 让html元素动起来. 比如: 添加,删除dom树节点. 制作像素动画, 给html控件添加事件监听.等. 不得不说的还有一个ajax, 即由js触发的异步请求.
3. window对象最常用的方法大概有, location(用于跳页面和重定向), escape(系列)用于编码url. navigator(用于获取浏览器基础信息), setTimeout定时器, offsetWidth\offsetHeight\clientWidth等 (获取窗口高\宽度). 更多的方法你可以去w3cschool看.
4. Date对象方法如下
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() 从 Date 对象以四位数字返回年份。
getYear() 请使用 getFullYear() 方法代替。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。
getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse() 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() 设置 Date 对象中的年份（四位数字）。
setYear() 请使用 setFullYear() 方法代替。
setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() 以毫秒设置 Date 对象。
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource() 返回该对象的源代码。
toString() 把 Date 对象转换为字符串。
toTimeString() 把 Date 对象的时间部分转换为字符串。
toDateString() 把 Date 对象的日期部分转换为字符串。
toGMTString() 请使用 toUTCString() 方法代替。
toUTCString() 根据世界时，把 Date 对象转换为字符串。
toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC() 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf() 返回 Date 对象的原始值。
5. setTimeout()方法与setInterval()方法的区别
setTimeout: 等待指定毫秒后,执行回调函数. 这个方法只执行一次. 即延时指定时间后执行一次.
当然,也可以作循环回调. 即在回调函数中再设置setTimeout. 在制作占用内存较多的动画时,一般都使用setTimeout的循环回调, 而不是setInterval. 因为,setTimeout是在回调被执行时才发起下一次setTimeout. 而setInterval是每隔指定时间就执行. 它不管你回调中的代码有没有被执行完成.这就会有问题. 如果你回调函数中执行的代码较耗时间. setTimeout会等你的回调函数执行到指定代码段的时候再发起下一次setTimeout. 保证你的动画就算很卡也能正常执行. 而setInterval的执行效果你就可想而知了. 它会让你的动画变得乱七八糟.
setInterval: 每隔指定时间执行一次回调函数. 这个方法适用于反覆执行占用资源较小的回调函数.如你在页面上显示一个动态的时钟. 就没有必要去作一个setTimeout的循环调用了.
纯手打,希望对你有些帮助. 参考技术A 1、javascript 是弱类型面向对象的脚本语言，任何面向对象的语言核心基本都有：对象，函数，变量；
2、html，css，js可以构建动态的HTML，js主要负责动作，让html动起来；
3、window的常用方法和属性有很多，至于哪些常用要看你做的东西，你可以试着用for（property in window） document.write(property+":"+this[property]+"<br/>") 打印window的属性和方法,不同浏览器有差别； 参考技术B 1、javascript 是弱类型面向对象的脚本语言，任何面向对象的语言核心基本都有：对象，函数，变量；
2、html，css，js可以构建动态的HTML，js主要负责动作，让html动起来；
3、window的常用方法和属性有很多，至于哪些常用要看你做的东西，你可以试着用for（property in window） document.write(property+":"+this[property]+"<br/>") 打印window的属性和方法,不同浏览器有差别；
4、后两个问题，直接baidu，会有很多博客详细的解释。 参考技术C 支持楼下的~~~mr19830707
javascript的基本语法数据结构
本篇学习资料主要讲解javascript的基本语法、数据结构
无论是传统的编程语言，还是脚本语言，都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成，这些基本元素构成了变成基础。
一、javascript的基本语法
1、执行顺序：
javascript程序按照在html文件中出现的顺序逐行执行。如果需要在整个html文件中执行，最好将其放在<head>......</head>标记中。
2、区分大小写：
Javascript对字母大小写敏感，也就是说在输入语言的关键字、函数、变量以及其他标识符时，一定要严格区分字母的大小写，例如变量username与变量userName是两个不同的变量。（许多javascript对象和属性都与其代表的html标签或属性同名，在html中，这些名称可以以任意大小写方式输入而不会引起混乱，但在javascript中，这些名称通常都是小写。）
3、分号：
在javascript语句中，最好在每行的最后加上一个分号“；”，这样能保证每行的代码的准确性。
如下：Alert(“how are you”)
Alert(“how are you”)；
4、空格：javascript会忽略多余的空格，用户可以向脚本添加空格，来提高其可读性。
如下：var name=”javascript”;
var name = ”javascript” ;
5、注释：
注释是用来解释程序代码的功能，增加代码的可读性或者阻止代码的执行，不参于程序的执行。Javascript中注释分为单行注释和多行注释两种。
单行注释：单行注释也即只注释一行，注释符号为 // ，该符号后面的都是属于注释的内容直到该行结束。
code：// 下面只是一行文字
alert("我是提示文字");
多行注释：多行注释即一次可以注释多行代码，多行注释符号以 /* 开始，以 */ 结束。
<script type="text/javsscript">
/* 下面是一个弹出提示信息框 在该行代码中，无需任何变量或参数
实际只是一行文字 */ alert("我是提示文字");
</script>
通常情况下：
如果“//”位于一行的开始，则用来解释下一行或者一段代码的功能。（观察单行注释）
如果“//”位于一行的结尾，则用来解释当前行代码的功能。
如果用来阻止一行代码的执行，那就把“//”放在一行的首字符前。
6、语句：
Javascript程序是语句的集合，一条javascript语句相当于英语中的一个完整句子。Javascript语句将表达式组合起来，完成一定的任务。一条语句有一个或多个表达式、关键字或运算符组合，语句之间用分号（；）隔开，也就是，分号是一个javascript语句的结束符号。
code：var today=new Date()；
5、语句块：
语句块是一些语句的集合，通常语句块都会被一对大括号括起来。
在调用语句时，javascript会按书写次执行语句块中的语句。语句块的作用是语句的序列一起执行，javascript的函数是将语句的组合在块中的典型例子，请看下面的例子：
“运行可操作两个html元素的函数”：
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="老罗江湖">
<meta name="Keywords" content="语句、语句块、javascript学习">
<title> 语句块 </title>
</head>
<body>
<h2>我的网站</h2>
<div id="myDiv">你好，我是一个Div块！</div>
<p id="myPar">你好，我是一个段落！</p>
<p>
<button type="button" onclick="myFunction()">单击这里</button>
</p>
<script type="text/javascript">
function myFunction()
{
document.getElementById("myPar").innerHTML="how are you?";
document.getElementById("myDiv").innerHTML="I\'m fine";
}
</script>
<p>当你单击上面的按钮时，两个元素会改变。</p>
</body>
</html>
效果图：
效果图中单击“单击这里”按钮，可以看到两个元素发生了变化，“document.getElementById() ”的意思是：根据ID得到页面中的对象。
二、Javascript数据结构
每一种计算机编写语言都有自己的数据结构，javascript脚本语言的数据结构包括 ：标识符、常量、变量、关键字、保留字等。
|
标识符： （1）、标识符只能由字母、数字下划线和中文组成，而不能包含空格、标识符、运算符号等其他符号。 （2）、标识符的第一个字母必循是字母、下划线或者中文，数字不能作为首字符和不能使用标点符号、运算符号。
|
比如： Int2 _File_Open Sex //数字不能作为首字符 //不能使用标点符号、运算符号。 |
Javascript中的“关键字”、“保留字”
Javascript 的保留字、关键字不可以用作变量、标签或者函数名。有些保留关键字是作为Javascript 以后扩展使用。
关键字单词表：
|
break |
break |
break |
break |
|
default |
delete |
do |
else |
|
finally |
for |
function |
if |
|
in |
instanceof |
new |
return |
|
switch |
this |
throw |
try |
|
typeof |
var |
void |
while |
|
with |
|
|
保留字单词表：
|
abstract |
boolrean |
byte |
char |
|
class |
const |
debugger |
double |
|
enum |
export |
extends |
final |
|
float |
goto |
implements |
import |
|
int |
interface |
long |
native |
|
package |
private |
protected |
public |
|
short |
static |
super |
synchronized |
|
throws |
transient |
volatile |
|
常量：
JavaScript的常量通常又称字面常量，是固化在程序代码中的信息，常量的值从定义开始就是固定的。
数值（整数和实数）和字符串型（用“”号或‘’括起来的字符或数值）都是常量。
变量：
是在程序运行的过程中，其值可以改变。变量用于存储特定数据类型的数据，用变量名代表其存储空间。
程序能在变量中存储值和取出值，可以把变量比作超市的货架（内存），货架上摆放着商品（变量），可以把商品从货架上取出来（读取），也可以把商品放入货架（赋值）。
（1）、变量的命名：
变量的名称是一个标识符，变量的名称可以是任意长度。创建变量的名称时，需要遵循以下命令规则：
{1}、首字符必须是以字母或者一个下划线（_）,不能是文字，数字不能作为首字符和不能使用标点符号、运算符号。
{2}、变量名是严格区分大小写的。例如：变量名称MyCounter与变量名称myCounter是的不同。
{3}、变量名称不能是javascript的“关键字”和“保留字”。
|
变量的命名： 变量的名称是一个标识符，变量的名称可以是任意长度。创建变量的名称时，需要遵循以下命令规则： （2）、变量名是严格区分大小写的。例如：变量名称MyCounter与变量名称myCounter是的不同。
|
比如： Part9 Numer //数字不能作为首字符 //"与"符号不能用在变量名称中 |
（2）、变量的声明与赋值
所谓变量的声明即为变量指定一个名称。声明变量后，就可以把它们用作存储单元。
Javascript中使用关键字var声明变量，在关键字之后的字符串将代表一个变量名，
code： var 标识符；
一个关键字var可以同时声明多个变量名，多个变量名之间必须用逗号“，”分隔。
如： var username，pwd，age；
变量的赋值：
可以使用javascript中的赋值运算符，即等于号（=）。
声明变量名时赋值，声明变量username并赋值为“老罗江湖”，
代码如下： var username=“老罗江湖”；
下面来一个简单的实例：创建了名为treename的变量，并向其赋值桃花树，然后把它放入id=“demo”的HTML段落中。
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="Keywords" content="在HTML中使用Javascript，javascript入门，html">
<meta name="Description" content="老罗江湖">
<title> 变量的；命名、声明与赋值、作用范围 </title>
</head>
<body>
<p>单击这里来创建变量，并显示结果</p>
<button onclick="myFunction()">单击这里</button>
<p id="demo"></p>
<script type="text/javascript">
function myFunction()
{
var treename="桃花树";
document.getElementById("demo").innerHTML=treename;
}
</script>
</body>
</html>
效果图：
效果图中点击“单击这里”按钮，可以看到两个元素发生了变化。
转载http://www.cnblogs.com/KTV123/p/6057904.html
以上是关于大家简述一下JavaScript脚本的基本结构?的主要内容，如果未能解决你的问题，请参考以下文章