JS:1.什么是JavaScript?-阿里云开发者社区

开发者社区> 开发与运维> 正文

JS:1.什么是JavaScript?

简介:
1,什么是JavaScript?
复制代码
javascript
一,什么是?
是一门 源于Java,基于对象,使用在客户端,由浏览器执行的脚本语言。
源于Java --- 语法与java类似
基于对象 --- 发展不完善,使用对象,又没有封装抽象继承多态
使用在客户端,由浏览器执行 --- 运行不需要提交到服务器,不占用服务器资源。

其他特点:大小写严格区分,例如 a 与 A是两个不同的变量,语法灵活,容易出错,调试不方便。弱类型语言。

二,放在哪里?
两种情况:
1,函数的声明放在<head></head> 中,后面讲
2,执行语句,及函数的调用放在页面的任何需要执行的位置.

例如 alert("ok");会弹出对话框,哪里需要放在哪里。

三,怎么放?
两种情况:
1,<script language="javascript">
    javascript 脚本
   </script>

2,<script language="javascript" src="####.js"></script>
####.js---独立脚本文件。

四,javascript数据类型 
1,数值型  12  23.56
2,字符型  用单引号或双引号括起来的内容。
3,boolean true false

五,JavaScript的变量没有类型,变量不用定义就可以使用。
变量命名规则:字母及下划线起始,其他地方可以使用数字。大小写严格区分。

最好用 var 来定义。
全局变量---定义在函数外部,整个页面均有效的变量。

六,基本语法:
赋值语句
if
for
等同于java

七,函数 --  
注意问题:
1,每个函数都包含两部分:函数的声明,函数的调用。
2,所有的JavaScript函数都不会自动运行,“必须”调用它。

声明格式:
function 函数名()
{
    //函数体;
}

执行格式:
var x=函数名();  //有返回值
函数名();//没有返回值。

3,函数声明必须放置在<head></head>中。---为什么?
   函数调用放在哪?---- 
         情况1:你希望在那里执行,就放在那里
        情况2:通常,函数的执行与事件有关。

八,事件 --- 做特效。
浏览器可以捕捉到很多的用户操作,例如,用户单击(onclick),用户打开了某网页(onload),用户移动了鼠标(onmouseover),这些事件在JavaScript用句柄来描述。
句柄(handle)===  on+动词 --》描述实现,不同的控件有不同的句柄,不同的浏览器有区别。
常用:
onclick
onchanage
onmouseover
onmouseout
onfocus
onblur
onload

如何实现事件编程:与控件配合
<input type="button" name="t1" id="t1" onclick="fun()"></input>

九,JavaScript的对象
1,内置核心对象 (core object)
数值Number
var a=new Number(12);  -- 等价于  var a=12;

字符串对象
var b=new String("abcd");  -- 登价于  var b="abcd";

数组对象
Array

布尔对象
Boolean

日期对象
Date

2,DOM对象模型。当浏览器打开时,系统会自动建立一批对象,用于描述与浏览器有关的状况。树形架构,父子关系。
window
    -document
        -body
        -form
        -location
    -history
    -screen  --  IE不支持
    -frame

十,window对象,是浏览器的顶级对象,包含一些重要方法
1,window.alert("提示文本");

2, window.confirm("问题");

3,window.prompt("提示");
因为window是顶层对象,所有可以不写。
isNan--- is not a number --不是一个数

4,window.open() --  打开一个新的窗口

十一,location对象 -- 重要
location是window的子对象,使用时 window.location等价于 location
location.href  === window.location.href === location

location="url"实现跳转

十二,history对象  -- 
window.history === history
两个方法:
history.back();
history.go();

十三,document对象
window.document=== document
document.write("文本"):

“最重要”:document.getElementById("某控件或标记的id");---提取控件或标记

十四,div span在DHTML编程中的应用。

十五,window的重要方法
setInterval("方法()",毫秒);

十六,window的重要方法
window.close();
window.open("url","_self|_blank","属性=值,....");
是否显示工具栏:toolbar[=yes|no]|[=1|0] 
是否显示地址栏:location[=yes|no]|[=1|0] 
是否显示前进、后退、刷新按钮:directories[=yes|no]|[=1|0] 
是否显示状态栏:status[=yes|no]|[=1|0] 
是否显示菜单栏:menubar[=yes|no]|[=1|0] 
是否显示滚动条:scrollbars[=yes|no]|[=1|0] 
用户是否可以改变窗口的大小:resizable[=yes|no]|[=1|0] 
是否在新窗口中保留浏览器的浏览历史纪录:copyhistory[=yes|no]|[=1|0] 
窗口的宽度 (单位为像素):width=pixels 
窗口的高度 (单位为像素):height=pixels 

十七,热连接使用javascript方法。
复制代码

 

本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/archive/2013/01/08/2852010.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章