js交互

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-引入js的方式一:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- 引入js的方式  -->
<script>

alert(111);
</script>
</head>
<body>
</body>
</html>

-=-=-=-=-=-=-=-=-==-=--=-=-=-=-=-=-=-=-=-=-=--=-=-=-==-=引入js的方式二:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- 引入外部的js文件 -->
<script src="js/sourse.js"></script>
</head>
<body>
<button onclick="btn()">点你试一下</button>
</body>
</html>

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-js的交互行为。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/* 定义函数  function 函数名 */
function login(){
// <!--1 获取输入框的值  2 判断是否为空  3 弹框提示 -->
var a1= document.getElementById("uname").value; //获取输入框--->获取框中的值 value
if(a1==""){
alert("请输入用户名");
}else{
console.log("用户名:"+a1);   //system.out.println();
}
}
</script>
</head>
<body>
<input type="text" id="uname" value="赵丽颖" /><br />
<input type="button" value="登录" onclick="login()" /> 
</body>
</html>


-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=数据类型

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var a1="1"; //a1指向字符串类型
var  a2=1;  //
console.log("----------"+(a1+2));//字符串之间使用+====> 连接
console.log("+++++++++++"+(a2+2)); //连个数字类型之间+===>加法运算
//定义功能函数
function aa(){
//1 
var num1= document.getElementById("num1").value;  //从框中获取字符串类型
var num2= document.getElementById("num2").value;
var num=parseInt(num1)+ parseInt(num2);  //把字符串转为int类型
document.getElementById("sum").value=num;
}
</script>
</head>
<body>
数1<input id="num1"/><br/>
数2<input id="num2" /><br />
结果:<input id="sum" /><br />
<button onclick="aa()">相加</button>
</body>
</html>

090=0-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=--=-=-=-=-=-=-=--=-=--=-=-=-=、、、、、???数据数据类型

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var stus = ["王文达", "王文生", "王文倩", ""];
//获取数组的长度
//1  创建一个数组,数组的每个位置===>{姓名,名字}
var stus2 = [{
name: "赵丽颖",
age: 30,
sex: "女"
}, {
name: "王丽坤",
age: 33,
sex: "女"
}];
function aa() {
//输出数组所有信息
for(i = 0; i < stus2.length; i++) {
console.log(stus2[i].name + ";"+stus2[i].age+";"+stus2[i].sex);
}
}
function bb(){
var name1=document.getElementById("uname").value;
stus2.push({name:name1,age:18,sex:"女"});
}
</script>
</head>
<body>
<input id="uname" /><br />
<button onclick="aa()">数组信息</button>
<button onclick="bb()">添加数组</button>
</body>
</html>

----------------------------=====================---------------------------==================输入内容到网页。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
document.write("<p style='color: red;'>你好</p>");//
document.write("<p style='color: red;'>你好</p>");//
</script>
</head>
<body>
</body>
</html>

-----------------------------------------------===========================------------------------================函数定义。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>函数的定义</title>
<script>
//定义带参数的函数
function aa(aa1,aa2){//形参变量
alert(aa1);
alert(aa2);
}

//带返回值的函数
function bb(){
return 100;
}
//3 带返回值的函数
document.write(bb()+3);//===>document.write(100+3);
</script>
</head>
<body>
<button onclick="aa(20,7)">调用函数</button>

</body>
</html>


-=-=-=-=-=-=-------------------------==============--------------==========for in循环

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var stus=["高运娜","高运娜1","高运娜3"];
//使用for--in循环输出数组的东西
for(var i in stus){  //i 每个索引值
document.write(stus[i]+"<br/>");
}
</script>
</head>
<body>
</body>
</html>


阅读更多
文章标签: js交互
想对作者说点什么? 我来说一句

TestJs.zip

2016年05月17日 7KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭