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,如需转载请自行联系原作者
相关文章
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战 JS中正则表达式的使用
这篇文章介绍了JavaScript中正则表达式的使用,包括正则表达式的创建、匹配模式、字符串匹配、拆分、搜索、匹配和替换等方法,并通过示例代码展示了如何应用这些技术。
JavaScript基础&实战 JS中正则表达式的使用
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
这篇文章介绍了JavaScript中对象的基本概念和操作,包括对象属性和方法的使用、对象字面量的创建、函数的定义和作用域的概念,以及全局作用域和局部作用域的区别和特性。
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
|
2月前
|
Java 数据库连接 数据库
从零到精通:揭秘 Hibernate 构建持久层服务的全过程,你离数据持久化大师还有多远?
【8月更文挑战第31天】本文详细介绍了如何从零开始使用 Hibernate 构建一个持久层服务。首先,通过在 Maven 项目中添加必要的依赖,确保项目具备使用 Hibernate 的条件。接着,配置 `hibernate.cfg.xml` 文件以连接 MySQL 数据库,并设置了基本属性。然后定义了一个简单的 `User` 实体类及其映射关系。此外,还创建了一个 `HibernateUtil` 工具类来管理 `SessionFactory`。
28 0
|
2月前
|
缓存 JavaScript 前端开发
Vue.js与JavaScript性能优化终极揭秘:掌握这些技巧,让你的Web应用飞一般地流畅!
【8月更文挑战第30天】随着前端应用复杂度的增加,性能优化变得至关重要。本文深入探讨了如何利用Vue.js和JavaScript实现高效的应用性能。主要内容包括:优化组件设计以减少不必要的渲染,采用异步组件与懒加载技术加速应用启动,利用虚拟滚动和分页处理大数据集,改进Vuex使用方式以及合理运用浏览器缓存等策略。通过具体示例和最佳实践,帮助开发者充分挖掘Vue.js潜力,打造高性能的前端应用。
51 0
|
2月前
|
设计模式 JavaScript 前端开发
从工厂到单例再到策略:Vue.js高效应用JavaScript设计模式
【8月更文挑战第30天】在现代Web开发中,结合使用JavaScript设计模式与框架如Vue.js能显著提升代码质量和项目的可维护性。本文探讨了常见JavaScript设计模式及其在Vue.js中的应用。通过具体示例介绍了工厂模式、单例模式和策略模式的应用场景及其实现方法。例如,工厂模式通过`NavFactory`根据用户角色动态创建不同的导航栏组件;单例模式则通过全局事件总线`eventBus`实现跨组件通信;策略模式用于处理不同的表单验证规则。这些设计模式的应用不仅提高了代码的复用性和灵活性,还增强了Vue应用的整体质量。
21 0
|
2月前
|
JavaScript 前端开发 API
揭秘Vue.js与JavaScript融合的神秘力量:如何一键解锁高效响应式Web应用的终极秘籍?
【8月更文挑战第30天】随着前端技术的发展,Vue.js凭借其轻量级、易上手和高度响应式的特性,在前端开发领域迅速崛起,成为构建现代Web应用的首选框架之一。Vue.js与JavaScript深度融合,使开发者能高效灵活地打造美观且功能强大的应用。本文将作为实战指南,带您深入了解Vue.js与JavaScript结合的奥秘,揭示构建高效响应式Web应用的秘籍。从Vue.js的基础开始,逐步介绍如何利用其数据驱动视图的特点,结合JavaScript的高级特性,如定时器、Promise、async/await等,提升应用的交互性和用户体验。
24 0
|
2月前
|
存储 JavaScript 前端开发
JavaScript:揭秘网页背后的魔法,一探究竟JS的神奇力量!
【8月更文挑战第22天】JavaScript(JS)始于1995年,以网页动态效果闻名。随Node.js等技术发展,JS现广泛用于服务器端、桌面及移动应用开发。JS是解释型语言,在浏览器中直接运行。基本语法涵盖变量声明、数据类型、运算符及控制结构。变量可用`var`、`let`或`const`声明,支持多种数据类型如`Number`、`String`。函数是代码的基本单元,支持匿名及箭头函数。对象用于表示复杂数据结构。ES6引入了类、模块等新特性。异步编程通过回调、Promises及async/await实现。掌握这些基础知识,有助于开发者构建高质量的Web应用。
46 0
|
自然语言处理 JavaScript 前端开发
学习javaScript必知必会(2)~js词法分析、介绍一下主流的浏览器的开发者工具(js调试和查看网络请求)
学习javaScript必知必会(2)~js词法分析、介绍一下主流的浏览器的开发者工具(js调试和查看网络请求)
148 0
学习javaScript必知必会(2)~js词法分析、介绍一下主流的浏览器的开发者工具(js调试和查看网络请求)