js-7-15

//页面跳转

<h1>第一页</h1>
<a href="page2.html">跳转第二页</a>
<input id="btn" type="button" value="前进"/>
<script type="text/javascript">
    var btn = document.getElementById("btn");
    btn.onclick = function() {
        window.history.go(-1);
    }
</script>

//相对移动,针对IE
//    window.moveBy(100,100);
//    window.moveTo(100, 100);
//    window.resizeBy(300, 300);
//    window.resizeTo(300, 300);

//浏览器离左边屏幕和上边屏幕的距离
//    alert(window.screenLeft);
//    alert(window.screenTop);
//    alert(document.body.offsetWidth);
//    alert(document.body.offsetHeight);
//    alert(window.screenX);
//    alert(window.screenY);

//计时

var btn = document.getElementById("btn");
        var btn2 = document.getElementById("btn2");
        var txt = document.getElementById("txt1");
        var r;
        btn.onclick = function() {
            function test() {
                var day = new Date();
                txt.value = day;
                r = window.setTimeout(test, 1000);
            }
            test();
        };

btn2.onclick = function () {
            window.clearTimeout(r);
        };

//锚点操作

<a name="a" href="#">锚点1</a>
    <a name="a" href="#">锚点2</a>
    <a href="#">锚点3</a>
    <div></div>
    <script type="text/javascript">
        alert(document.anchors[0].innerHTML);
    </script>
    <a href="#a">回到顶部</a>

时间: 2024-11-08 22:20:05

js-7-15的相关文章

js验证15位或18位身份证

本篇文章是本人在网上搜集了一些验证,然后又个人进行一定修改的关于身份证的验证,欢迎修改指正..... function IdCardValidateRule(idCard) { var tip;    //1.传入15位或者18位身份证号码,18位号码末位可以为数字或X    idCard = idCard.toUpperCase();    //2.去掉身份证的左右空格    idCard = trim(idCard);    //3.判断输入的身份证长度    if (!(/(^\d{15}

[JS]笔记15之客户端存储cookie

-->本地存储发展情况 -->什么是cookie -->cookie优缺点 -->cookie的设置.读取.删除 -->cookie应用 本地存储发展情况 一.什么是cookie 1.什么是cookie cookie是存储于访问者计算机中的变量cookie是浏览器提供的一种机制,可以由JavaScript对其进行操作(设置.读取.删除) 2.cookie的特性 cookie可以实现跨页面全局变量cookie可以跨越同域名下的多个网页,但不能跨域使用同一个网站中所有页面共享一套

【转】js中15个常用的正则表达式

1 用户名正则 //用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("iFat3")); 2 密码强度正则 //密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符 var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[[emai

Vue.js(15)之 json-server搭建模拟的API服务器

json-server搭建模拟的API服务器 运行命令 npm install json-server -D 全局安装 json-server 项目根目录下创建 mock 文件夹 mock 文件夹下添加 db.json 文件,内容如下: { "students": [ { "id": 1, "name": "小明", "age": 20}, { "id": 2, "name&q

【JS教程15】jquery介绍

jquery介绍 jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. jQuery的版本分为1.x系列和2.x.3.x系列,1.x系列兼容低版本的浏览器,2.x.3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系列的. jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用. <script type="text/java

npm dose not support Node.js v10.15.3

事件起因: 楼主在vue-cli官网,尝试使用vue-cli3脚手架+yarn包管理器构建项目时,命令行窗口提示node版本不对.如下图 这个大家都知道该如何去解决,直接去node官网下载符合版本的node包就行.在后续使用vue create project命令时,发现命令窗口无反应,项目无法创建成功,于是便去查询怎么一回事. 解决过程 在官网下载新的node版本后,我便开心的去执行了vue create project 命令,却发现,还是没有反应!WTF?我又去查看npm的版本,却发现版本还

导航栏4种效果---原生js

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 *{margin:0;padding:0; list-style:none;} 8 ul{width:410px; background:#ccc; position:absolute;top:300px; lef

Node.js之Express一

前面也了解了HTTP模块,但它并不支持session.cookie等.Express是对HTTP模块的封装,同时也支持session这些,使用起来也更好用.Express更有点像IIS服务器.它也是属于一个模块的内容,所以当然是要先添加Express模块 npm install express.然后就是创建对象和使用. var express=require('express'); var app=experss(); 一.Express设置 Express提供了控制Express服务器的行为的

NodeJs&gt;-------&gt;&gt;第三章:Node.js基础知识

第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 1 console.log("this is a test string."); 1 node app1.js 1> info.log 1 console.log("This is a test String ."); 2 3 //从第二个参数开始,依序输出所有的字符串 4 console.log("%s","

5、UmbracoNewsSite:添加css和js文件

我们接着上一篇的内容,这一篇我们引入stylesheets样式,并且尝试添加其他页面的内容. 打开visual studio,在项目根目录下新建js和css文件夹,分别把bootstrap的文件复制进去.(如果已经有就不用新建了) 然后打开Umbraco后台管理页面,刷新之后就可以看到Stylesheets节点下面出现了刚刚复制的文件.这是因为Umbraco规定了Stylesheet节点默认去读取根目录下名为css的文件夹中的文件:看到这你可能会下意识的认为那Scripts节点下肯定会出现刚才复