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,如需转载请自行联系原作者
相关文章
|
10天前
|
JavaScript 前端开发 Java
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 和 Ext JS 都是 JavaScript 框架,用于开发 Web 应用程序。它们分别提供了不同的功能和特性,以帮助开发者更高效地构建和维护 Web 应用程序。
9 2
|
23天前
|
JavaScript 前端开发 API
释放 Node.js 的力量:服务器端 JavaScript 综合指南
释放 Node.js 的力量:服务器端 JavaScript 综合指南
20 0
|
28天前
|
Web App开发 JavaScript 前端开发
程序员必备技能之JS模块化,改变你的JavaScript开发方式!(二)
程序员必备技能之JS模块化,改变你的JavaScript开发方式!
|
28天前
|
JavaScript 前端开发 程序员
程序员必备技能之JS模块化,改变你的JavaScript开发方式!(一)
程序员必备技能之JS模块化,改变你的JavaScript开发方式!
|
1月前
|
JavaScript 前端开发 API
【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
【1月更文挑战第17天】【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
|
1月前
|
JavaScript 前端开发 C++
给初学者的JavaScript入门指南及通俗的JS变量解释
给初学者的JavaScript入门指南及通俗的JS变量解释
75 0
|
1月前
|
开发框架 JavaScript 前端开发
React.js:改变Web开发方式的JavaScript库
React.js:改变Web开发方式的JavaScript库
25 1
|
JavaScript 前端开发
Javascript之旅——第七站:说说js的调试
原文:Javascript之旅——第七站:说说js的调试      最近比较吐槽,大家都知道,现在web前端相对几年前来说已经变得很重了,各种js框架,各种面对对象,而且项目多了,就会提取公共模块, 这些模块的UI展示都一样,不一样的就是后台逻辑,举个例子吧,我们做企业差旅的时候,通常都有一个成本中心的js公共模块,客户在预定机票 的时候来填写这个成本中心,而这种成本中心分布在online,offline和app等预定端,这样也是方便后期和客户公司进行月结算。
804 0
|
15天前
|
数据采集 机器学习/深度学习 JavaScript
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
27 0

相关产品

  • 云迁移中心