一个重要的不同:脚本语言是被解释而系统程序设计语言是被编译。脚本语言是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言。
Js的作用:
1、表单验证—减轻服务器端压力
2、界面动态效果
3、动态改变页面内容(页面数据的删除等)
基于事件驱动
基于对象:
Bom window href location
document
Dom(html文档所有的内容)
操作属性样式 方法
面向对象
AJAX
Js框架
Jquery
Ext
Js基础
Js的语法构成(组成)
脚本程序语言------DOM-------BOM
浏览器对象: BOM中的上层对象window,window下有history、document、location(地址栏)对象,document是DOM的根,document可以引用页面中各种标签
脚本的基本结构
<script text=”text/javascript”>
</script>
例:
document.getElementById("a1").href="http://www.sohu.com";//document代表文档,通过id得到标签,标签有什么属性就可以设置什么属性
document.getElementById("a1").innerHTML="搜狐";//innerHtml标签内部的文本
html嵌js代码
1、引用js文件<script src="js/hello.js"
language="javascript">
2、直接在事件中写代码
<input
type="button"
value="测试" onclick="
document.getElementById('a1').href='http://www.sohu.com'; document.getElementById('a1').innerHTML='搜狐';"/>
3、直接嵌入在html中<script></script>
变量的声明和赋值
Var(弱变量,可存任何数据)
例:Var x,y,z=10 ;width=5;(不定义直接使用)
数据类型:undefined(未定义) Boolean string(可单双引) number null Date
运算符:
逻辑控制语句
常用输入输出
1、 Alert
2、Prompt()(输入框,prompt是window对象的方法,使用window对象是可以省略window,默认是window对象)
例:
var uname='admin';
uname=prompt('请输入你的名字:','admin');
alert(uname);
parseInt() parseFloat()window的函数
基于事件、函数和window对象
Window常用属性:
1、screen 有关客户端的屏幕和显示性能
2、history
3、location
window常用方法:
1、 Promot 输入框
2、 alert 提示信息和确认按钮
3、nfirm 确认框,确认取消按钮 带返回值
4、 close 关闭浏览器
5、 open 打开一个新的浏览器,设定新窗口的地址外观open(“窗口的url”,“窗口名称”,“窗口特征”)(例:特征:left、top(位置);fullscreen=yes|no|1|0(全屏是否) resizable=yes|no|1|0(是否可调节))
6、 setTimeout 在指定的毫秒数后调用函数或计算表达式
7、 setInterval 按照指定的周期调用函数或计算表达式
window常用事件
onload()窗体加载时执行 例:直接在script中window.onload=openAdv;(函数名)
匿名调用函数:
常见匿名写法:事件名=function(){…}
Date对象:
Var 日期对象=new Date();
Var dd=new Date(“September 1,2009.12:58:12”);
Date的方法
setXXX getXXX second|
minutes hour、 months(0-11) Day(星期几0-6)等
例:
function
showTime(){
var now=new Date();;
var year=now.getYear()+1900;
var month=now.getMonth()+1;
var day=now.getDate();
var wk=now.getDay();
var minute=now.getMinutes();
var second=now.getSeconds();
var
strDate=year+"-"+month+"-"+day+" "+wk+"
"+minute+":"+second;
document.getElementById("timeDiv").innerHTML=strDate;
}
window.setInterval("showTime()",1000);//计时器每个多久执行
DOM元素
使用getElementById getelementByName getelementByTagname(标签名)获得DOM元素
Location和history对象 document对象
History对象:
常用方法:
back()返回上一页
forward()当前页面的下一页面
go()(跳到某一页 例:-1上一页)
Location对象
href:转向页面
reload:刷新
document对象
属性:
Referrer:返回载入当前页面的页面(进入此页面前的页面)的文档的url(如果为空表示是刷新页面)
例: var
url=document.referrrer;
If(url==’’’’){
Alert(“您不是有指定页面到达,五秒后返回登录”): Window。Settimeout(‘’,5000);}
方法:
getElementById
getelementByName
返回数组
getelementByTagname(标签名)
write()
改变内容:innerHTML
innerText(他会将改变的内容全部设成文本例如<br/>会原样输出而不是换行)
改变页面样式节点内容
Visibility属性的值 visible hidden(不显示但是空间保留)
Display(常用)
例:Object.style.display=’’’值’
分享到:
相关推荐
以上是JavaScript基础知识点的部分概述,理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践,可以深入探索更高级的主题,如AJAX、前端框架(如React、Vue)、Node.js后端开发等。
JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础...
本教程旨在为初学者提供一个全面的JavaScript基础知识学习平台,帮助理解并掌握这种强大的脚本语言。 《JavaScript基础教程》首先会介绍JavaScript的历史背景和基本语法,包括变量、数据类型、操作符、流程控制...
这个"js基础知识18张脑图.zip"压缩包包含了18个关于JavaScript基础的图像化学习资料,通过脑图的形式帮助我们理解和记忆关键概念。以下是根据这些文件名所涉及的JavaScript知识点的详细解释: 1. **前端发展史**:...
软件测试基础班 JavaScript JS基础是软件测试的一门重要课程,本节课将对 JavaScript 的基础知识进行详细的介绍。 一、JavaScript 简介 JavaScript 是一种高级的、动态的、基于原型的编程语言,主要用于客户端的...
JavaScript基础三天总结
JavaScript 基础知识测试题答案解析 本资源是 JavaScript 基础知识测试题,包含选择题和程序题,共 50 道选择题和 4 道程序题,供员工考核使用。下面是对每道题的答案解析: 1. 下面符合一个有效的 JavaScript ...
在这个"JavaScript基础教程"中,我们将深入探讨JavaScript的核心概念和常见用法。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象...
JavaScript基础教程(第9版) 经典JavaScript入门书最新版,通过实例透彻讲解Web开发相关技术。 原版累计销量200000册,中文版累计销量近50000册! 全球畅销百万册的JavaScript入门书! 本书是经典的JavaScript入门...
javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript ...
《JavaScript基础与案例开发详解》根据JavaScript在各种类型的应用开发中(如B2B、B2C、C2C)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像Windows...
这个"Javascript基础教程版"涵盖了JavaScript的核心概念,旨在为初学者提供一个清晰的学习路径。 在JavaScript的基础教程中,你将首先了解它的历史背景和应用领域,然后深入到语法层面。JavaScript语法基于...
JavaScript基础与案例开发详解根据javascript在各种类型的应用开发中(如b2b、b2c、c2c)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像windows那样...
本资源主要是关于js基础用法的示例代码 内容包含了js变量定义 js输入输出 js转义符 js注释和编码规范 JavaScript 是一种广泛使用的脚本语言,主要用于网页和Web应用程序的客户端开发。 JavaScript(简称JS)是一种...
第9版 JavaScript基础教程 (高清)。本书是经典的JavaScript入门书,以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单...
1. **JavaScript基础**: - **变量**:JavaScript中的变量是存储数据的容器,可以使用var、let或const关键字声明。理解变量的作用域(全局与局部)和提升(hoisting)是基础学习的关键。 - **数据类型**:...
javascript基础 javascript游戏开发之贪吃蛇项目 javascript高级 nodejs开发 nosql数据之Mongodb 【javascript基础】 01-javascript的概述.md 02-字面量和变量.md 03-数据类型和typeof操作符.md 04-运算符.md 05-...
JavaScript,简称JS,是Web开发中的...总的来说,"day02-js基础.zip"中包含的内容可能会涵盖上述所有JavaScript基础知识,对于初学者来说,理解并掌握这些知识将为进一步深入学习JavaScript和前端开发打下坚实基础。
JS基础语法大全
"js基础笔记总汇.zip" 提供的资料无疑是深入理解和掌握JavaScript基础知识的重要资源。JavaScript是一种轻量级、解释型的编程语言,它主要用于增加网页的交互性和动态功能。 JavaScript语法基于ECMAScript规范,...