笔记4 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Js的使用</title>
<script type="text/javascript">
function check(){
	var name=$("#username").val();
	var pass=$("#password").val();
	var regExp=/^[A-z]+$/;
	if(regExp.test(name)&&regExp.test(pass)){
		console.log("格式正确！");
	}
	else{
		console.log("格式不对！");
	}
}
</script>
<script type="text/javascript">
var str="欢迎!";
/* alert(str); */
var str1="hello world";
function len(inputstr){
	var len1=inputstr.length;
	return len1;
} 
var a=len("hello world");
console.log(a);

function myFunction(a, b) {
    return a * b;            
}
var x = myFunction(4, 3);
console.log(x);

/* 
 **报错的原因：
 **document中的innerHTML为空
 **为什么：
 **加载js文件的时候，找不到其中调用的对象即文中的<p>标签。
 **因为html文件的加载顺序
 **所以把js文件的内容放<p>标签后即可
 *document.getElementById("demo").innerHTML = x; 
 */
 
 var arr=new Array();
 arr[0]="one";
 console.log(arr[0]);
 
/*  var reg=new RegExp("^[A-z0-9-_]$"); */
</script>
<script type="text/javascript" src="js/js1.js"></script>
<script type="text/javascript" src="js/js2.js"></script>
<script type="text/javascript" src="js/js3.js"></script>

<!-- 不使用下面的这条会无法识别$ -->
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

</head>
<body>
hello!

<p id="demo"></p>
<script type="text/javascript">
var x = myFunction(7, 8);
document.getElementById("demo").innerHTML = x;
</script>

<form action=""method="get">
	<input type="text" onchange="o.onchange()"></input>
	<input type="button" value="点击" onclick="hello.hello()"></input>
	<input type="button" value="点击1" onclick="len(str1)"></input>
	<input type="button" value="登陆" onclick="o.login()"></input>
	<input type="button" value="注册" onclick="o.register()"></input><br><hr>
	<input type="button" value="lalalalal" onmouseover="o.onmouseover()"/><br>
	<!-- <input type="text" onfocus="o.onfocus()"></input> -->
</form>

<form action=""method="get">
	<input type="text" name="username"id="username"></input>
	<input type="password" name="password"id="password"></input>
	<input type="button" value="登陆" onclick="login.login()"></input>
</form>

</body>
</html>

　　

posted @ 2019-07-29 19:52  政路航  阅读(103)  评论(0)    收藏  举报