精华内容
下载资源
问答
  • 经测试原生js有两种方式可以修改,jQuery也能简单设置。不清楚的小伙伴们可以了解一下。 innerText 方式 通过console.log(document.getElementsByTagName(“title”)[0]),发现能打印出<title>标签,标签...
  • 使用原生JS操作方法在上篇文章已经写过,原生JS虽然更简单,但是操作起来还是比较费力的,下面我们一起来看下更加简单方便的几种方法。 1.jQuery Cookie ​jQuery Cookie是一个简单、轻巧的jQuery插件,主要用于...
  • 主要介绍了如何使用JavaScript修改浏览器URL地址栏,需要的朋友可以参考下
  • 如何使用候鸟浏览器修改浏览器指纹
  • js动态修改浏览器url地址

    千次阅读 2020-09-17 19:44:38
    //浏览器上显示的标题 var newUrl = "/personalHomePage.html?id=1111&userId=2222";//https://www.javaxxbj.com后面的那部分 history.pushState(stateObject,title,newUrl);//进行修改 例子: ...

    var stateObject = {};
    var title = "Java学习笔记网";    //浏览器上显示的标题
    var newUrl = "/personalHomePage.html?id=1111&userId=2222";  //https://www.javaxxbj.com后面的那部分
    history.pushState(stateObject,title,newUrl);  //进行修改

     

    例子:

    展开全文
  • 今天小编就为大家分享一篇解决Django中修改js css文件但浏览器无法及时与之改变的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Document //以侦听事件为例,区分IE8以上或以下的兼容格式 //IE版本号的兼容格式 function on(target,type,handler){ var b=judgeBrowser(IE); if(b && Number(b)-1){ var index=str.indexOf(Chrome);...
  • 在所有浏览器中像老板一样处理二进制数据! 超级快。 由类型化数组( Uint8Array / ArrayBuffer ,不是Object )支持 极小的文件包大小(压缩后为6.75KB + gzip压缩,带注释的51.9KB) 出色的浏览器支持(Chrome,...
  • HTML5给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera支持)。 下载时会直接使用链接的名字来作为文件名,但是是...
  • 本文实例讲述了JS判断是否360安全浏览器极速内核的方法。分享给大家供大家参考。具体分析如下: 360安全浏览器极速内核,在非360网站的navigator.userAgent是: “Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/...
  • 浏览器中 Javascript 的加载原理

    千次阅读 2018-01-07 22:24:32
    大多数浏览器的组件构成如图 在最底层的三个组件分别是网络,UI后端和js解释器。作用如下: 网络- 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作。 UI 后端- 用来绘制类似...

    在讲这个问题之前,先来补充几个知识点,如果对此已经比较了解可以直接跳过。

    大多数浏览器的组件构成如图

    这里写图片描述

    在最底层的三个组件分别是网络,UI后端和js解释器。作用如下:

    1. 网络- 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作。
    2. UI 后端- 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口。
    3. JS解释器- 用来解释执行JS代码。

    大多数浏览器(比如chrome)让一个单线程共用于执行javascrip和更新用户界面。这个线程通常被称为“浏览器UI线程”, 每个时刻只能执行其中一种操作,这意味着当Javascript代码正在执行时用户界面无法响应输入,反之亦然。这样做是因为javascript代码的作用就是操作DOM更新用户界面,用同一个线程来做负责这两件事情可以更高效

    浏览器UI线程的工作基于一个简单的队列系统,任务会被保存到队列中直到进程空闲。一旦空闲,队列中的下一个任务就被重新提取出来并运行。这些任务要么是运行javascript代码,要么执行UI更新,包括重绘和重排。

    重点再强调下,javascript是单线程运行,千万别被setTimeout()和setInterVal()这种函数迷惑而误以为它是多线程。

    ok,基础点讲解完毕,让我们进入正题,来讲解在浏览器中javascript的执行原理

    一般而言,<script>标签每次出现都会霸道地让页面等待脚本的解析和执行,无论当前的Javascript是内嵌的还是包含了外链文件,页面的下载和渲染都必须停下来等待脚本执行完成。这在页面的生存周期中是必要的,因为脚本执行过程中可能修改页面内容,一个典型的例子就是在页面中使用document.write()。

    当javascript代码是内嵌在html里面时,这点还是比较容易理解,但当javascript是外链文件时稍微有点负载,因为存在一个加载过程,而且游览器加载好这个js文件之后往往还对其缓存。

    首先,我们用以下这个例子来说明下缓存问题。

    <html>
    <head>
    <script type='text/javascript' src='js/f2.js'></script>
    </head>
    <body>
    </body>
    </html>

    第一次打开页面时:

    这里写图片描述

    第二次打开页面时:

    这里写图片描述

    从上例中可以明显看出,像chrome之类的高版本游览器会对js文件进行缓存,作用是不言而喻,减少网络请求。

    其次,第二个问题,当一个javascript文件被加载时是否会阻塞其他javascript文件或者其他文件的加载。《高性能Javascript》一书中对这个问题做了较好的解答:各种游览器的低版本的处理是当一个javascript文件在加载时,会同时阻塞页面其他文件的加载(包括其他javascript文件),但IE8,Firfox3.5,Safari 4和Chrome 2都允许并行下载javascript文件,但遗憾的是,javascript下载过程仍然会组舍其他资源的下载,比如图片。尽管javascript脚本的下载过程不会相互影响,但页面仍然必须等待所有的javascript代码下载并执行完成才能继续。

    这里说句题外话:游览器对同一域名下的并发链接数也是有限制的,其他一些参数如下:

    这里写图片描述

    展开全文
  • 上代码 document.title=name+"——Download"; 或者 $('title').text(name+"—Download"); 注意:我这里的name是自己定义的变量,大家根据自己的情况自己定 效果 ...

    上代码

            document.title=name+"——Download";
            或者
            $('title').text(name+"—Download");
    

    注意:我这里的name是自己定义的变量,大家根据自己的情况自己定
    效果
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 该项目将在浏览器中运行其UI,并且还支持服务器端部分(nodejs),该任务可能需要完成以下任务:写入对服务器文件系统/ db的更改,多个用户会话,在服务器上执行javascript解析和缩进(js-indentator)。...
  • 在手机网页里面实现分享到微信、朋友圈、qq、微博
  • 1、js来监控复制粘贴、js监听复制粘贴事件 参见:https://www.cnblogs.com/colima/p/8479310.html 2、移除页面上绑定的事件 实际案例:有些网站(例如CSDN)复制过来的代码后面加上了一下描述信息(作者、版权...

     

    1、js来监控复制粘贴、js监听复制粘贴事件

    参见:https://www.cnblogs.com/colima/p/8479310.html

     

    2、移除页面上绑定的事件

    实际案例:有些网站(例如CSDN)复制过来的代码后面加上了一下描述信息(作者、版权等信息),每次需要删除,怎么能保证我们粘贴的代码不携带这些信息呢?解决思路:

    方法1、找到copy事件在哪里调用的,然后移除这个事件。

    方法2、找到copy事件在哪个元素节点调用的,跳出这个节点再复制就不会触发copy事件。

     

    扩展知识:js原生添加和移除事件的方法使用如下

    function bodyScroll(event){

        event.preventDefault();

    }

    document.body.addEventListener('touchmove', bodyScroll, false);

    document.body.removeEventListener('touchmove', bodyScroll, false);

    所以,要移除某个元素上的事件,首先要拿到事件原来的对象。

    在chrome上拿到某个事件的listener对象,然后移除,示例如下:

    //dom节点:

    var dom = $('article.baidu_pl')[0]

    //拿到 copy 事件(是一个数组)的listener对象:

    var listener = getEventListeners(dom).copy[0].listener

    //然后移除该事件:

    dom.removeEventListener('copy', listener, false)

    //写成一句就是:

    $('article.baidu_pl')[0].removeEventListener('copy', getEventListeners($('article.baidu_pl')[0]).copy[0].listener,false)

    参考资料:https://segmentfault.com/q/1010000016272581

     

    3、查看页面上绑定的事件

    在 Console(Chrome DevTools->Console) 执行如下代码即可:

    getEventListeners(document) // 获取document上绑定的事件

    getEventListeners($('article.baidu_pl')[0]) // 获取某个元素上绑定的事件,

    getEventListeners($0) // 获取当前选中元素上绑定的事件(直接在Elements界面上选中想看的元素)

     

    扩展知识:jQuery对象与DOM对象之间的转换

    jQuery对象转成DOM对象: 

    两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); 

    (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。 

    如:var $v =$("#v") ; //jQuery对象 

    var v=$v[0];    //DOM对象 

    alert(v.checked)   //检测这个checkbox是否被选中 

     

    (2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象 

    如:var $v=$("#v");  //jQuery对象 

    var v=$v.get(0);   //DOM对象 

    alert(v.checked)  //检测这个checkbox是否被选中 

     

    DOM对象转成jQuery对象: 

    对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象) 

    如:var v=document.getElementById("v");  //DOM对象 

    var $v=$(v);    //jQuery对象 

    转换后,就可以任意使用jQuery的方法了。 

     

    展开全文
  • 部署项目时js中文乱码问题解决添加修改js、jsp文件没有对应结果 问题 在做项目的时候,引入了js文件,发现该模块在浏览器中的中文显示乱码,但是其它中文都好好的 在浏览器中F12->Sources->page那里看自己...
  • 主要介绍了JS使用Chrome浏览器实现调试线上代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 原生js修改浏览器后退事件

    千次阅读 2019-05-06 12:58:37
    <script> window.onload = function(){ pushHistory(); window.addEventListener("popstate", function(e) { window.location.href="http://www.baidu.com"; }, fa...
  • Chrome 浏览器中执行 JavaScript Chrome 是由 Google 开发的免费网页浏览器,对于前端开发来说(尤其是调试代码)非常方便。 Chrome 官网地址:https://www.google.com/intl/zh-CN/chrome/。 我们在 Chrome 浏览器中...
  • 浏览器sources里修改js代码

    万次阅读 2018-07-26 09:25:28
    如果是js文件可以直接在sources里修改,用Ctrl+s保存后,可以直接生效。 如果非js文件,是在页面里写的js,可以把要修改js函数的代码复制到console里执行,这样就会替换掉原js里的函数。这里要注意,是要以函数为...
  • 使用NodeJS的浏览器中的文件浏览器 安装 打开您的终端并输入: npm install -g node-explorer 用法 打开您的终端并导航到所需的根文件夹,然后键入: node-explorer 您还可以设置所需的端口号: node-explorer -p...
  • JavaScript修改浏览器URL地址栏的代码

    千次阅读 2017-08-28 20:19:12
    使用JavaScript修改浏览器URL地址栏 现在主流的浏览器,可以在不刷新页面的情况下修改浏览器URL; 在浏览过程,可以将浏览历史储存起来,当在浏览器点击后退按钮时,可以冲浏览历史上获得回退的信息。 本文...
  • Web浏览器中JavaScript

    千次阅读 2019-01-10 22:46:40
    客户端JavaScript ...Window对象定义了一些属性,比如,指代Location对象的location属性,Location对象指定当前显示在窗口的URL,并允许脚本往窗口里载入新的URL: //设置location属性,从而跳转到新的We...
  • js动态修改浏览器导航栏图标和文字

    千次阅读 2019-11-26 18:48:42
    change_icon() { const changeFavicon = link => { let $favicon = document.querySelector('link... // 动态修改网站图标 let title = ""; // 网站标题 document.title = title; // 动态修改网站标题 }  
  • js修改浏览器url

    2016-04-26 16:09:00
    var stateObject = {};var title = "";var newUrl = "/";history.pushState(stateObject,title,newUrl); 转载于:https://www.cnblogs.com/yangcclg/p/5435500.html

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 455,257
精华内容 182,102
关键字:

更改浏览器中js