精华内容
下载资源
问答
  • js关闭当前页面(窗口)的几种方式总结,需要的朋友可以参考一下
  • <!DOCTYPE html> ... 关闭 [removed] var btn = document.getElementById('btn') btn.onclick = function () { if (confirm()) { window.close() } } [removed] </body> </html>
  • 用window.close()关闭当前页面,只有第一次进入页面的时候关闭按钮管用,以后返回到这个页面,关闭按钮不管用了,如何解决呢?谢谢各位大神了 <a href="javascript:window.opener=null;window.close();" >关闭</a>
  • 大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面的实现过程很简单...
  • 点击图片在当前页面放大的漂亮效果实现方法有很多,在本文将为大家介绍下使用Lightbox JS是如何实现的,感兴趣的朋友不要错过
  • 转载自品略图书馆http://www.pinlue.com/article/2018/09/1913/367301129801.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    转载自品略图书馆 http://www.pinlue.com/article/2018/09/1913/367301129801.html

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />

    <title>过10秒自动关闭页面</title>

    <script type="text/javascript">

    <!--函数-->

    function closeit()

    {

    setTimeout("self.close()", 3000);

    }

    <!--执行函数-->

    closeit();

    </script>

    </head>

    <body>

    </body>

    </html>

    展开全文
  • 没办法,因为业务必须要实现,所以只好用另一种方法去做了:通过重定向URL实现打开新窗口的同时“关闭”旧窗口 test1.html <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <HTML> <...
  • js关闭当前页面,chrome插件方式

    千次阅读 2018-12-25 09:13:43
    新版本的浏览器中, 因为安全原因,js不能关闭js打开的页面。比如如果是手动输入url打开的页面js就没有权限关闭这个页面。 但是可以通过chrome插件来实现这个目的。不过应用场景就仅限于安装了插件的浏览器。...

    新版本的浏览器中, 因为安全原因,js不能关闭非js打开的页面。比如如果是手动输入url打开的页面,js就没有权限关闭这个页面。

    但是可以通过chrome插件来实现这个目的。不过应用场景就仅限于安装了插件的浏览器。通常适合本地演示的时候使用。

    示例源码下载:

    https://github.com/jdk137/learningChromeExtension/tree/master/src/webRequestBlocking

    大家可以下载安装链接中closeTab文件夹的插件,

    然后,打开test.html进行测试。目录结构

    前端页面中调用下面的函数即可。

        function closeWindow () {  
    		var x = new XMLHttpRequest();
      		x.open('GET', 'https://mock_didi_project.com/');
      		x.send();
    		// $.get('https://mock_didi_project.com/', function () {});
    	}

    插件的原理是劫持特定地址的ajax请求,如果发现该地址的请求,就关闭当前页面。

    展开全文
  • 注:读本文前已经默认您已经掌握JavaScript、css、html 等相关知识。1. 什么是VUE.js? VUE作为一个国产JS框架,与React、Angular三分天下,呈三足鼎立之势。“ vue是一套构建用户界面(UI)的渐进式JavaScript框架",...

    注:读本文前已经默认您已经掌握JavaScript、css、html 等相关知识。

    1. 什么是VUE.js?

    VUE作为一个国产JS框架,与React、Angular三分天下,呈三足鼎立之势。“ vue是一套构建用户界面(UI)的渐进式JavaScript框架",VUE只本身只专注与视图层(View),相对于其它框架,VUE具有 体积小、易上手、速度快等特点、而且文档丰富对初学者极其友好!

    2. 单页模式(SPA)和多页模式(MPA)

    传统的web网站都是多页模式,用户每浏览一个页面需要重新向服务器请求一个页面,而单页应用在你浏览第一个页面时就把全部资源下载下来,基于路由再把当前页面渲染出来。

    多页模式:用户点击跳转 —>发起请求 —>下载页面资源—>渲染页面

    单页模式:(首屏下载后)用户点击跳转 —>切换组件—>渲染页面

    两种模式优点缺点:

    b6e53acbf83b7ab31c3dc813fe0b0a49.png
    两种模式优缺点对比

    3. 操作DOM元素
    (1) 原生操作DOM元素

    //根据元素ID操作元素
    


    (2) 第三方库 JQ操作DOM元素

    $


    (3) Vue 操作DOM元素

    <input name="addres"  ref="myaddres" />
    
    //VUE 中操作元素/组件
    this.$refs.myaddres 

    但是使用VUE,需要尽量减少直接对元素进行操作,把思维转变成操作数据来改变元素,这也就是接下来要讲的MVVM的核心思想。

    4. MVVM思想

    MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。通俗的理解就是实现一种通过改变数据就能够改变页面元素的一种设计模式
    模型:指的是后端传递的数据。
    视图:指的是所看到的页面。
    视图模型:mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将“模型”转化成“视图”

    举个栗子我要赋值一个Input:

    //HTML部分
    

    代码中可以看到,JQ和原生JS都获取到该input元素然后才是设置value 值
    而VUE则在input 使用“v-model”绑定一个数据对象,要修改input的值直接修改这个数据对象就好了。

    VUE之所以能实现这种mvvm的模式,得益于ES5的一个特性 "Object.defineProperty"
    该方法允许在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象或者提供getter和setter方法使我们能够捕获到改属性的修改。

    语法
    Object.defineProperty(obj, prop, descriptor)
    obj:目标对象
    prop:要修改的属性
    descriptor:描述符对象
    实现简易MVVM

    <

    最终效果

    f89f8fc5d51efcb94136195b72b7cb58.gif
    最终效果

    5. 单个VUE文件结构概述

    //VUE文件视图模板
    

    6. VUE 生命周期

    生命周期是指一个对象从创建到销毁的过程,在这个过程中VUE提供了一些基于当前状态(比如创建之前,创建之后等)下会触发的函数,这些函数被国人很形象的翻译成“钩子函数”(Hooks函数)。
    下列是VUE中的 所有钩子函数

    956073213c6e576bb203152626f14658.png
    VUE中的 所有钩子函数

    VUE创建流程以及钩子函数的关系图(图片来自VUE 官网)

    8da3e86b7773fa0c0028cd9dcef214dc.png
    VUE官网提供的钩子函数示意图
    展开全文
  • js关闭当前页面跳转新页面

    千次阅读 2017-06-26 14:50:00
    页面代码: 1 <p class="info"><span style="font-weight: bold">所属项目:</span> 2 @foreach($programList as $task) 3 @if($taskList->project == $task->id ) 4 ...

    页面代码:

    1  <p class="info"><span style="font-weight: bold">所属项目:</span>
    2         @foreach($programList as $task)
    3             @if($taskList->project == $task->id )
    4                 <span οnclick="xiangmu({{$task->id}})"   style="color: #3c8dbc;font-family: SimSun;cursor: pointer">{{$task->name}}</span>
    5             @endif
    6         @endforeach
    7     </p>

    其中,cursor: pointer,鼠标经过箭头变为小手

    1 <script>
    2         function xiangmu(id)
    3         {
    4 
    5             window.open('{{url('taskDetail')}}'+'/'+id);    //跳转
    6             window.history.back(-1);    //返回上一页面
    7 
    8         }
    9     </script>

    效果:js关闭当前页面跳转新页面

     

    转载于:https://www.cnblogs.com/wanlibingfeng/p/7080581.html

    展开全文
  • 在浏览器中,如何进行当前浏览器窗口的关闭呢? <script> function close() { window.open("about:blank", "_top").close(); } </script>
  • 当前窗口关闭前,检测当前窗口是否关闭 <pre name=code class=html><pre name=code class=html><HTML><HEAD> [removed] [removed]=function(event){ alert(222); //这里IE9会执行,CHROME不会...
  • js关闭当前页面刷新父页面

    千次阅读 2017-07-30 18:56:27
    2.关闭弹出的新窗口b.html-->刷新父页面a.html 二、实现步骤: 要点:1.给按钮的点击事件编写函数f1(),用于弹出新窗口 window.open(新窗口的url,"",窗口参数) 2.给弹出的新窗口添加对关闭事件的监听(window...
  • var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) {  window.location.href="about...转载于:https://www.cnblogs.com/htmlcssjs/p/4569914.html
  • 关于 IE firefox Chrome下的通过用js 关闭窗口的一些问题 http://www.cnblogs.com/caichongdd/archive/2012/11/27/2791050.html 首先IE是可以通过window.close()来关闭浏览器窗口的,但是在firefox和Chrome...
  • 写在开头为什么要写这个文章,因为每个...不做判断,那么用户数据直接丢了梳理需求离开页面方式,被location.href,a标签,关闭浏览器或者当前tab页等...需要判断数据是否跟初始化时一致(用户有无填写表单...)用户选择...
  • 使用js 关闭当前页面 , 一般想到的都是 window.close() , 但是该方法只能关闭通过 window.open() 打开的页面 所以针对这种情况 , 只能分情况去解决 . 在微信 , 支付宝 , app 中打开外部链接 , 都是使用webview打开...
  • 打开新的窗口window.open("help.html"); window.open("help....关闭页面<a href="javascript:window.opener = null;window.open('','_self');window.close();"> <a href="javascript:window.opene...
  • js关闭浏览器页面方法

    千次阅读 2019-11-19 17:04:30
    再打开页面的是时候, 用新标签打开并给页面命名, 然后通过命名控制关闭 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>打开关闭浏览器</title></...
  • Chrome(谷歌)浏览器,在执行了某一个操作之后需要直接关闭当前页面,但是使用window.close();无效,不能关闭当前页面。 查询得知: 在Chrome中,必须指定 window.location.href = "about:blank";然后再调用window....
  • WeixinJSBridge.call('closeWindow'); // 关闭微信浏览器 window.opener=null; window.open('','_self'); window.close(); // 关闭电脑浏览器 转载于:https://www.cnblogs.com/Cchblogs/p/6020860.html...
  • //页面跳转 } window.setTimeout(“go()”,1000);//1秒后执行函数go [removed] //指定时间之后自动关闭 [removed] function closeMyWindow() { window.setTimeout(“window.close()”, 1000); } [removed] <body&...
  • 1、不带任何提示关闭窗口的js代码 <input type="button" name="close" value="关闭" οnclick="window.close();" /> 2、自定义提示关闭 <script language="javascript"> // 这个脚本是 ie6和ie7 ...
  • //跳转页面 1.window.location.href //跳转到的页面  2.... document.form[0].action = //跳转的action 0...// 关闭当前页面 window.close() ; 关闭当前页面 / /返回上页面 JavaScript:history.back(1);
  • vue关闭当前页面 跳转_vue常见面试题

    千次阅读 2020-11-19 23:08:33
    1.vue优点? 答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在... 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有...
  • 移动端关闭当前窗口/关闭当前页面

    万次阅读 2017-03-29 18:21:59
    转发自:http://www.cnblogs.com/htmlcssjs/p/4569914.htmlvar userAgent = navigator.userAgent; if (userAgent.indexOf(“Firefox”) != -1 || userAgent.indexOf(“Chrome”) !=-1) { window.location.href=”...
  • 这里介绍的JavaScript自动弹出窗口并自动关闭窗口,JS实现此特效似乎很简单,打开网页后即显示一个弹出窗口,之后会自动离开,使用了window.open和document.open();以及document.close();对象共同来实现,现在似乎用...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 126,485
精华内容 50,594
关键字:

js关闭当前html页面