本文共 11770 字,大约阅读时间需要 39 分钟。
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
一般JavaScript是用于页面的动态效果展示。JavaScript可以在<head>
标签中写相应的语句,也可以在<body>
中写语句实现功能。
JavaScript有很多开源框架,由于JavaScript编程灵活多变,基于JavaScript的开源项目很多,优秀的开源框架也有很多,比如jQuery,angularJs,等等。在实际开发中,我们可以在HTML中 引入外部的.js文件,前段开发常用的js库有jQuery库,功能强大,容易上手
JavaScript代码如果是直接执行放在那里都可以,如果是调用函数,实现页面功能,放在中比较合适。
在JavaScript中变量用var声明,数据类型分为,数值型:如123,1.223;字符型:(在JavaScript中不区分字符和字符串)如‘adaf’,”dsaffg”,”小明”;布尔型:true,false。
变量的声明:
var i = 10;var str = "asdf";var f = 1.23;
基本语句
ifforwhiledo.......whileswitch
函数:javascript中的函数用function
关键字来修饰,函数本身是可以用返回值的,但是在声明的时候不需要写返回值类型,如果有返回值就写return
,否则就不写。
Function 函数名([参数1,参数2.。。。。]) {
}
三大提示框:
confirm提示框是不返回值的,当点击确定按钮时返回true,当点击取消按钮时返回false
prompt(“提示内容1”,”提示内容2”);
prompt的返回值是输入的内容Q币充值
如何获得标签中的属性的值,document.表单name.标签name.属性
Q币充值
Window、Document、Location、History
Window.open窗口
格式:Window.open(“url”,”窗口的名字(可以不写)”,”窗口属性的设置”);‘page.html’ 弹出窗口的文件名;
‘newwindow’ 弹出窗口的名字(不是文件名),非必须,可用空”代替; height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;javascript1.html
onload事件写在body中。
javascript2.html 红色| 黄色| 蓝色
document.bgColor设置背景颜色。
javascript3.html
使用location.href实现页面跳转。。。
history.back()后退(等同于history.go(-1))
history.forward()前进(等同于history.go(1))实例练习:
javascript4.html
javascript5.html
javascript6.html
javascript7.html
javascript8.html
javascript8.html
homework2.html
homework3.html
设置标签样式中的display,可以将标签设置成隐藏和显示,当值为none的时候是隐藏,当值为inline的时候是显示
javascript8.html
addPerson.html
chooseDept.html
Open窗口父子页面传值,采用子页面调用父页面函数的方式传值,形式如下:
在子页面中这样调用 window.opener.父页面函数,如果要传值的话,被调用的父页面的函数一定要有参数成对儿的标签中间夹的那部份内容叫做innerHTML
javascript2.html P
dv
动态增加删除表格:
insertRow()增加一行 insertCell()增加一列 deleteRow()删除一行javascript3.html
javascript4.html
welcome.html 欢迎登录!
转载地址:http://ibrji.baihongyu.com/