<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js</title>
<!-- 外部JS -->
<!-- <script src="js/new_file.js"></script> -->
<!-- 内部JS -->
<style>
p {
text-align: center;
}
span {
color: rgb(22, 241, 121);
}
</style>
<script type="text/javascript">
// regExp();
// global();
// bom();
bom1();
//正则表达式对象
function regExp() {
var reg = /^\w{6,9}$/;
var userName = "robin";
var flag = reg.test(userName);
alert(flag);
}
function global() {
//编码
var str = "罗宾";
var E = encodeURIComponent(str);
var D = decodeURIComponent(E);
document.write(E + "<br />");
document.write(D);
//转数字
var str = "12sdc";
var num = parseInt(str);
document.write(num);
//判断NaN
var num1 = NaN;
document.write(isNaN(num1));
//解析
var str1 = document.write("robin");
eval(str1);
}
// 点切
function dom() {
var star = document.getElementById("star");
var flag = false;
star.onclick = function () {
if (flag) {
star.src = "img/1.jpg";
flag = false;
} else {
star.src = "img/2.jpg";
flag = true;
}
}
}
//轮播图
function bom() {
var num1 = 1;
function fun() {
num1++;
if (num1 > 3) {
num1 = 1;
}
var getElementById = document.getElementById("star");
getElementById.src = "img/" + num1 + ".jpg";
}
setInterval(fun, 3000);
// confirm("确定返回true,反则");
// prompt("输入框");
// setTimeout(fun,2000);单次定时
// reload();刷新
// history.back();forword();length();
// go();加载具体页面 +-传参
function open() {
document.getElementById("openBtn");
}
}
//自动跳转首页
function bom1() {
var num = 2;
function show() {
num--;
if (num <= 0) {
location.href = "https://i.qq.com";
}
// var time=document.getElementById("time");
document.getElementById("time").innerHTML = num + "";//导入到body
}
setInterval(show, 1000);
}
</script>
</head>
<body>
<!-- <img id="star" src="img/1.jpg" width="100%"> -->
<p>
<span id="time">2</span>秒之后自动跳转到首页...
</p>
<input id="openBtn" type="button" value="打开窗口">;
<script type="text/javascript">
// dom();
</script>
</body>
</html>