JavaScript 内容串联
JavaScript ——脚本语言 宿主文件 NetScape
JSscript 微软公司
一、JavaScript基本语法。
(一)数据类型与变量类型。
数据类型:整数,小数,布尔型,字符串,日期时间,数组.........
var a=5;a=a+5; 10
var b="5";b=b+5; 55
强制转换:
parseInt() ----强制转化成整数
parseFloat()-----强制转化成小数
例:
<script language="javascript">
var a="15169377135o";
var b=parseInt(a);
alert(b);
</script> --------15169377135
<script language="javascript">
var a="15169377135o1234";
var b=parseInt(a);
alert(b);
</script> --------15169377135
<script language="javascript">
var a="s15169377135";
var b=parseInt(a);
alert(b);
</script> --------isNaN
isNaN()--------判断是否是一个合法的数字类型,不是(true),是(false)
运算符:(算术运算符(7)关系运算符(6)逻辑运算符(3)其他运算符)
语句: for(var i=0,i<a.length,i++){}
(二)数组 数据类型[] 数组名=new 数据类型[];
var 数组名 = new Array([长度]); //“假冒”数组,长度建议不写。
a.length----长度
a[下标] = 值。
a[下标]
(三)函数
function 函数名(形参)
{
}
function ShowStr(a)
{
}
二、DOM操作
DOM - Document Object Model 文档对象模型。
线状模型,树状模型,网状模型
window(浏览器)
history---前进后退(历史)
location---地址栏
document ----文档、html网页<html></html>
head
body
a,img,table,ul,ol.....
status-----状态栏
对象——object 特点的名词, 行为的动词(动词());
(一)window
1.alert()
window.alert();
2.[var a = ]window.confirm("你能跑过豹子吗?");
例:
<script language="javascript">
var a=window.confirm("你能跑过豹子嘛?");
if(a==true)
{
alert("你比禽兽还禽兽!");
}
else
{
alert("你禽兽不如!");
}
</script>
//prompt(); --不常用,不用记,输入
3.open();
var retval = window.open(url, name, features, replace);
replace
一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
- true - URL 替换浏览历史中的当前条目。
- false - URL 在浏览历史中创建新的条目。
window.open("地址","_blank/_self","新窗口的特点");
[var a = ]window.open("http://www.sina.com.cn");
在新窗口中打开页面,返回新的窗口。a也是一个window类型的变量。
var a=window.open("http://www.sina.com.cn","_blank","width=200 height=200 top=0 left=0 toolbar=no");
4.close();
window.close();
5.setTimeout("code",毫秒数)
指定的毫秒数后,执行code一次。
例:
<body>
<h1 id="hh"></h1>
</body>
<script language="javascript">
function showtime()
{
var dt=new Date();
document.getElementById("hh").innerHTML=dt;
window.setTimeout("showtime()",1000);
}
showtime();
</script>时刻表
********打开页面,五秒后弹出广告,再过5秒广告关闭************
var a;
function openAD()
{
a = window.open("http://www.sina.com.cn","_blank","width=200 height=200 toolbar=no top=0 left=0");
window.setTimeout("closeAD()",5000);
}
function closeAD()
{
a.close();
}
window.setTimeout("openAD()",5000);
6.setInterval("code",毫秒数)
每隔指定的毫秒数就执行code一次。
例:
<body>
<h1 id="hh"></h1>
</body>
<script language="javascript">
function showtime()
{
var dt=new Date();
document.getElementById("hh").innerHTML=dt;
}
window.setInterval("showtime()",1000);
</script>时刻表
window.moveTo(x,y);
window.resizeTo(width,height);
window.scrollTo(x,y);
注;全屏窗口看不出来。
(二)历史操作
window.history.go(n); n是正数,前进;n是负数,后退;
(三)地址栏操作
var s=window.location.href; 获取当前页面的地址
//定时刷新页面
function showSelf()
{
window.location.href="Untitled-3.html";
}
window.setInterval("showSelf()",1000);
(四)文档操作
window.document
1.找到对象
2.操作属性
3.操作样式
4.操作内容
5.操作元素。