js交互

原创 2017年12月29日 14:07:45

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-引入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>


iOS 开发中OC 与 JS的交互

iOS原生应用和web页面的交互有iOS7之后的JavaScriptCore、拦截协议、第三方框架WebViewJavaScriptBridge、iOS8之后的WKWebView几种方法,这一章我们主...
  • Tony_18736165317
  • Tony_18736165317
  • 2017年03月24日 19:38
  • 1574

iOS与网页JS交互,看我就够了

随着移动APP的快速迭代开发趋势,越来越多的APP中嵌入了html网页,但在一些大中型APP中,尤其是电商类APP,html页面已经不仅仅满足展示功能,这时html要求能与原生语言进行交互、相互传值。...
  • LeaderQiu
  • LeaderQiu
  • 2016年07月19日 15:07
  • 33371

android中Webview与javascript的交互(互相调用)

最近做android项目中遇到要在webview中做与js交互相关的东东,涉及到js中调用android本地的方法,于是查了资料整理了一下android和js互相调用的过程。如下demo,demo的主...
  • Beyond0525
  • Beyond0525
  • 2013年07月18日 23:07
  • 147736

CEF JS 与C++ 交互消息 VS2013 成功运行

  • 2018年01月14日 10:29
  • 99.38MB
  • 下载

js与oc交互demo

  • 2018年01月12日 15:21
  • 120KB
  • 下载

Vue.js实践:使用Vue2.0开发富交互WEB应用

  • 2017年11月03日 11:59
  • 4.48MB
  • 下载

使用js跨域交互案例

  • 2017年12月25日 15:34
  • 868B
  • 下载

android与js交互

  • 2017年10月10日 14:16
  • 4.05MB
  • 下载

swift与JS交互

  • 2016年08月17日 15:27
  • 51KB
  • 下载

5种 CSS 和 JS 的交互方式

  • 2014年07月16日 17:32
  • 42KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js交互
举报原因:
原因补充:

(最多只允许输入30个字)