javascript是web页面的脚本语言嵌套在所有html页面
轻量级的
嵌套在所有html页面 div+css
<scrip type="text/javascript">
alter(xss);
</script>
js组成:标准 DOM BOM
标准:语法的标准
(变量和数据类型 运算符,逻辑控制语句,关键字跟保留字,对象)
DOM:document object model
文档对象模型
BOM 浏览对象模型
数据类型
undefined(var)
boolean
string
number
null
返回类型
document.write(typer())+"<br/>";
<script type="text/javascript">
alter("");
</scripts>
prompt 输出原理
<script type="text/javascript">
var k=prompt("请输入您的次数","");
for(var i =0;i++;i<k)
{
document.write("<h2>您好"</h2>);
}
alter("一共输出"+k);
</scripts>
运算符
算数运算符
+ - * / % ++ --
赋值运算符
=
比较运算符
< > <= >= == !=
逻辑运算符
&& || !
与或非
for(初始值,条件,真量)
{js代码
}while()
if(条件){js代码}
switch(表达式){
case:
case:}
var i = 0;
for(i=0;i<=10;i++)
{
if (i==5){
continue or break
}
document.write("当前数字是:"+i)
}
三角形
<script type="text/javascript">
var k=prompt("请输入打印次数","")
for(var i=1;i<=k;i++){
for(var m=0;m<1;m++){
document.write("*  ");
}
document.write("<br/>");
}
</scripts>
<script type="text/javascript">
var k=prompt("请输入打印次数","")
for(var i=1;i<=k;i++){
for(var m=0;m<1;m++){
document.write("*  ");
}
document.write("<br/>");
}
var k=prompt("请输入打印次数","")
for(var i=k-1;i>0;i++){
for(var s=0;s<i;s+){
document.write("*  ");
}
document.write("<br/>");
}
</scripts>
js函数
无参函数
<script type=""text/javascript>
function btnshow(){
for(var i=0;i<10;i++){
document.write("大李子")
}
}
</script>
<body>
<input name="btn" type="button" value="点击我显示十次" ></body>
有参函数
<script type=""text/javascript>
function btnshow(btn2){
for(var i=0;i<10;i++){
document.write("大李子")
}
}
</script>
<body>
<input name="btn" type="button" value="点击我显示十次" >
</body>
常用系统函数
parselnt()
转换为整数
parseFloat("字符串")
转换为浮点数
isNaN()
检查参数是否未非数字
window对象常用属性
属性
screen
history
location
方法
prompt 带有提示的 对话框
alter 弹框
confirm
eg:<head>
<script type="text/javascript">
function on_confirm(){
if(confirm("你最棒么?"))
alter("对 你最棒!");
}
</head>
<body>
<input type="button" value="点击我弹窗" onclick="on_confirm">
</body>
close
eg:window.close();
open
settimeout
var 日期对象=new Date(参数)
seconds minutes
hours
day 0-6
date 0-31
months
set()
get()
eg:<head>
<scrip type="text/javascript">
function disptime()
{
var tody=new Date();
var hh=today.getHours();
var hh=today.getMinutes();
var hh=today.getSeconds();
document.getElementById("Mytime").innerHTML="现在时间:"+hh+":"+mm+":"+ss;
}
var Mytime=setInterval("disptime()",1000);
</scrip>
</head>
setinterval