原生js如何获取当前所加载网页的文件路径和名称

【原生js如何获取当前所加载网页的文件路径和名称】的更多相关文章

原生js如何获取当前所加载网页的文件路径和名称

结合使用string对象中的substr()和lastIndexOf()方法. 当前页面路径:file:///C:/Users/Administrator/Desktop/test.html <pre name="code" class="javascript"><script> var filename=window.location.href; filename=filename.substr(filename.lastIndexOf(&…

UIWebView 加载网页、文件、 html-b

UIWebView 是用来加载加载网页数据的一个框.UIWebView可以用来加载pdf word doc 等等文件生成webview 有两种方法,1.通过storyboard 拖拽 2.通过alloc init 来初始化创建webview,下列文本中 _webView.dataDetectorTypes = UIDataDetectorTypeAll; 是识别webview中的类型,例如当webview中有电话号码,点击号码就能直接打电话 - (UIWebView *)webView…

iOS之webview加载网页、文件、html的方法

UIWebView 是用来加载加载网页数据的一个框.UIWebView可以用来加载pdf.word.doc 等等文件生成webview 有两种方法,1.通过storyboard 拖拽 2.通过alloc init 来初始化创建webview,下列文本中 _webView.dataDetectorTypes = UIDataDetectorTypeAll; 是识别webview中的类型,例如当webview中有电话号码,点击号码就能直接打电话 - (UIWebView *)webView…

UIWebView 加载网页、文件、 html

UIWebView 是用来加载加载网页数据的一个框.UIWebView可以用来加载pdf word doc 等等文件生成webview 有两种方法,1.通过storyboard 拖拽 2.通过alloc init 来初始化创建webview,下列文本中 _webView.dataDetectorTypes = UIDataDetectorTypeAll; 是识别webview中的类型,例如当webview中有电话号码,点击号码就能直接打电话 - (UIWebView *)webView…

原生JS与jQuery文档加载完毕的写法

HTML是有执行顺序的,默认是自上而下执行.所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的时候才去执行js代码,所以通常我们会这样做: 一.当不引入jQuery框架,只写原生JS代码时,需要用window对象的onload事件 window.onload = function(){ //要执行的js代码段 } (注:在使用时,window.onload可直接简写成onload,但是为了不…

原生js - 两种图片懒加载实现原理

目前图片懒加载的方式主要有两种: 1.利用getBoundingClientRectAPI得到当前元素与视窗的距离来判断 2.利用h5的新API IntersectionObserver 来实现 getBoundingClientRect Element.getBoundingClientRect() 方法返回值是一个 DOMRect 对象,包含了该元素一组矩形的集合:是与该元素相关的css边框集合(top, left, right, bottom). 我们可以采用如下方法来判断是否在可视区域:…

spring boot 加载自定义log4j 文件路径

spring boot 使用log4j 打印时,需首先去除自带 Logger ,然后加入log4j 依赖 <dependencies>  <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <scope>test<…

js 一个关于图片onload加载的事

前几天一个项目让我头疼了很久,一个关于图片加载时的loading效果,因为不是太懂js,所以在网上各种找资料,但还是不理想,无赖苦心研究,终于有了一点眉目了,虽然个中还有一些道理不懂,至少目的达到了; 首先先明确一下我要的目的: 当用户进入页面的时候,显示loading 加载图标,等最大的图片加载之后再opacity 图片; 功能很简单,但是很蛋疼的是,我没完全做出来: 在做的时候,第一时间我自然想到了如下的方法: $(function(){ $('.banner img').load(func…

js可视区域图片懒加载

可视区域图片懒加载实现原理,页面滚动时获取需要懒加载的图片,判断此图片是否在可视区域内,是则设置图片data-src地址为src地址,加载图片. html下载地址 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery可视区域图片懒加载</title> <script src="http://libs.baidu.com…

为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件

为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件headr.inc中加入js代码: if(screen.width > 1024){ document.write('<link rel="stylesheet" type="text/css" href="${path}/nrmus/etc/cs…

Angular.JS + Require.JS + angular-async-loader 来实现异步加载 angular 模块

传统的 angular 应用不支持异步加载模块,必须在 module 启动的时候,所有模块必须预加载进来. 通过使用 angular-async-loader 库,我们可以使用 requirejs 等加载器,在 module 初始化之后,在动态异步加载其他的 Controller, Services, Filters 等等... Angular.JS + Require.JS + angular-async-loader 来实现异步加载 angular 模块…

js和jquery页面初始化加载函数的方法及先后顺序

运行下面代码.弹出A.B.C.D.E的顺序:A=B=C>D=E. jquery:等待页面加载完数据,以及页面部分元素(不包括图片.视频), js:是页面全部加载完成才执行初始化加载. <!DOCTYPE html> <html> <head> <title>首页</title> <script type="text/javascript" src="js/jquery-1.8.0.min.js"…

Pace.js – 超赞的页面加载进度自动指示和 Ajax 导航效果

在页面中引入 Pace.js 和您所选择主题的 CSS 文件,就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果.不需要挂接到任何代码,自动检测进展.您可以选择颜色和多种效果,有简约,闪光灯,MAC OSX,左侧填充,顶部填充,计数器和弹跳等等. 您可能感兴趣的相关文章 Parallax.js – 自适应智能设备方向的视差效果插件 Glide.js:响应式 & 触摸友好的 jQuery 滑块插件 SlimerJS – Web开发人员可编写 JS 控制的浏览器 Chance – 功能强大的…

H5+JS+JQuery+ECharts实现异步加载

这几天,看了一下ECharts官网的API和Demo发现很有意思,于是就利用模型预测产生的数据做一个伪实时的动态数据显示 . 首先,创建一个index.html的文件,我用的vscode打开的,进行编写. 1.插入一个标签 <div id="main" style="width:600px;height:400px;"></div> 设置他的一些style(可自行美化,我很懒!!!). 2.在body下建一个<script>脚本(…

Android Camera开发系列（上）——Camera的基本调用与实现拍照功能以及获取拍照图片加载大图片

Android Camera开发系列(上)--Camera的基本调用与实现拍照功能以及获取拍照图片加载大图片最近也是在搞个破相机,兼容性那叫一个不忍直视啊,于是自己翻阅了一些基本的资料,自己实现了一个相机,虽然相机这东西,兼容性不敢恭维,但是用到的地方确实很多,所以今天,我们就一起来学习一下吧参照Google API:http://developer.android.com/guide/topics/media/camera.html 一.Camera的启动方式 1.调用系统方式 2.自定义…

jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件

jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on( "click",function(ev) { ev.data.aaa // 跟js事件对象一样 }) // 方法二 $(".box").click( function(){} ) // 右键事件,取消系统默认事件 $('.sup').on('contextmenu'…

jquery和js的几种页面加载函数的方法以及执行顺序

参考博客:http://www.cnblogs.com/itslives-com/p/4646790.html https://www.cnblogs.com/james641/p/7838373.html 执行顺序:A>B>C>D>E $(function() { alert("A"); }); $(document).ready(function(){ alert("B"); }); jQuery(function($) { ale…

js/jquery控制页面动态加载数据滑动滚动条自动加载事件--转他人的

js/jquery控制页面动态加载数据滑动滚动条自动加载事件--转他人的相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志今天我们就来看看他们的实现思路和js控制动态加载的代码原理: 就是为 window 添加一个 scroll事件 ,浏览器每次触发 scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据.关键是计算滚动条…

用JS实现判断iframe是否加载完成

本文出至:新太潮流网络博客 var iframe = document.createElement("iframe"); iframe.src = "blog.iinu.com.cn"; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ alert('新太潮流加载完成'); }); } else { iframe.onload = function(){ alert…

JavaScript学习总结(十九)——使用js加载器动态加载外部Javascript文件

今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.js 1 var MiniSite=new Object(); 2 /** 3 * 判断浏览器 4 */ 5 MiniSite.Browser={ 6 ie:/msie/.test(window.navigator.userAgent.toLowerCase()), 7 moz:/gecko/.test(window.navigator.userAgent.toLowerCase()), 8 opera:/o…