js拼接url以及为html某标签属性赋值
记录
js拼接url
比如有些时候我们需要为某按钮实现跳转,可以利用下面的方式做到:
function ReturnIndex() {
var rex = RegExp("tools")
var url = window.location.origin
var new_url = "http://127.0.0.1:"+window.location.port
if (url.match(rex)) {
curr_url = window.location.origin // 获取根网址:比如:https://www.baidu.com
a = curr_url.split(".")[0]
now = a.split("//")[1]
window.location.href = curr_url.replace(now, "www")
} else {
console.log(new_url)
window.location.href = new_url
}
};
$("#ReturnBtn").on('click', function () {
ReturnIndex()
});
- 说明:
获取URL全部信息:
window.location
拥有的方法和属性,我这里以博客园为例,按
F12
,在console下调试:ancestorOrigins: DOMStringList {length: 0}
assign: ƒ assign()
hash: ""
host: "i-beta.cnblogs.com"
hostname: "i-beta.cnblogs.com"
href: "https://i-beta.cnblogs.com/posts/edit"
origin: "https://i-beta.cnblogs.com"
pathname: "/posts/edit"
port: ""
protocol: "https:"
reload: ƒ reload()
replace: ƒ ()
search: ""
toString: ƒ toString()
valueOf: ƒ valueOf()
Symbol(Symbol.toPrimitive): undefined
__proto__: Location
从上面看到,这里我使用的主要是
origin
、port
、href
这仨属性,分别对应请求源
、端口
、超链接URL
。
url拼接,因为我这里是从二级域名往一级域名跳转,所以使用了字符串的替换:
- 先定义包含
tools
的正则:var rex = RegExp("tools")
- 然后做了一个判断语句【这里是因为方便本地和远程服务调试使用】,如果当前url包含二级域名
tools
,则替换为一级域名www
,然后按钮跳转回一级域名资源下;若无,则代表是本地环境,跳转到ip+port
页面下。
- 先定义包含
给指定标签属性赋值
使用选择器
+attr
方法来赋值。attr(attributeName: string, value: string | number)
$(".qrcode_modal").attr('src', new_url) // 给src赋值
如上则是给class
为qrcode_modal
的标签src
属性赋值new_url
。
js拼接url以及为html某标签属性赋值的更多相关文章
- 用js拼接url为pathinfo模式
用js拼接url为pathinfo模式
- 【jQuery】JS中拼接URL发送GET请求的中文、特殊符号的问题
> 参考的优秀文章 jQuery ajax - param() 方法 经常,我们需要在JS中拼接URL然后以GET形式提交请求.如果遇到中文.特殊符号则需要作各种处理. jQuery有一个方法非 ...
- js拼接HTML页面元素a标签遇到的问题
业务,如下图需要做一个广告轮播的图片链接 使用了ajax请求后台,在js拼接html,关键代码: $("#scroll_img").html(""); for ...
- vue获得当前页面URL动态拼接URL复制邀请链接方法
vue获得当前页面URL动态拼接URL复制邀请链接方法 当前页面完整url可以用 location.href路由路径可以用 this.$route.path路由路径参数 this.$route.par ...
- 使用ASP.NET MVC局部视图避免JS拼接HTML,编写易于维护的HTML页面
以前使用ASP.NET WebForm开发时,喜欢使用Repeater控件嵌套的方式开发前台页面,这样就不用JS拼接HTML或者后台拼接HTML了,写出的HTML页面美观.简捷.易于维护,由于不用JS ...
- java后台获取和js拼接展示信息
java后台获取和js拼接展示信息: html页面代码: <div class="results-bd"> <table id="activityInf ...
- js 根据url 下载图片
downloadIamge(imgsrc, name) {//下载图片地址和图片名 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttr ...
- js 根据url 下载图片 前端js 实现文件下载
1.H5 download属性 function downFile(content, filename) { // 创建隐藏的可下载链接 var eleLink = document.createEl ...
- 路由传值及获取参数,路由跳转,路由检测,this.$route.query和this.$route.params接收参数,HttpGet请求拼接url参数
配置动态路由参数id: routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } ] html路由跳转: <router- ...
随机推荐
- Android Studio 之 SharedPrefences 数据持久性保存
SharedPreferences 会在应用包目录中生成一个xml文件,将数据保存在里面 可以实现数据持久性保存. 创建的数据,保存在 Data -> Data -> 包名 -> s ...
- 更改THttpClientSocket连接超时时间
更改THttpClientSocket连接超时时间 THttpClientSocket连接超时时间默认是30秒,如果要设大点,可用下面的代码: procedure TForm1.FormCreate( ...
- 【python基础学习】基础重点难点知识汇总
python中decorator装饰器 语法示例: @decorator 什么是装饰器: 问题: 定义一个函数后 在运行时动态增加功能 又不想改动函数本身的代码 示例: # 希望对下列函数调用增加lo ...
- 用Python实现一个简单的——人脸相似度对比
近几年来,兴起了一股人工智能热潮,让人们见到了AI的能力和强大,比如图像识别,语音识别,机器翻译,无人驾驶等等.总体来说,AI的门槛还是比较高,不仅要学会使用框架实现,更重要的是,需要有一定的数学基础 ...
- [linux]查看进程占用内存
1.top -p 进程ID PID:进程的ID USER:进程所有者 PR:进程的优先级别,越小越优先被执行 NInice:值 VIRT:进程占用的虚拟内存 RES:进程占用的物理内存 SHR:进程使 ...
- openssl 自己制作ssl证书:自己签发免费ssl证书,为nginx生成自签名ssl证书
server { listen 80; listen 443 ssl; server_name ~^((cloud)|(demo-cloud)|(demo2-cloud)|(approval1))(( ...
- docker使用dnnmmp安装gocron
使用dnnmmp安装mysql和phpmyadmin默认使用dnnmmp_default网络,因为在安装其他依赖mysql的应用时,需指定网络 ,同时需指定mysql名称 原命令: docker ru ...
- odoo开发学习「目录」
目录: 一.odoo介绍(发源 版本 ERP对比 优势劣势 应用场景 发展情况 社区介绍) 二.odoo设计思想 三.odoo自带模块 四.odoo开发前准备(python基础) 五.odoo环境搭建 ...
- css---【vw,vh】进行自适应布局单位
在进行CSS3自适应布局,会用到 vw 和 vh 进行布局 视口单位(Viewport units) 什么是视口? 在桌面端,视口指的是在桌面端,指的是浏览器的可视区域:而在移动端,它涉及3个视口:L ...
- WordtoPdfUtil word转pdf
jar: <dependency> <groupId>com.jacob</groupId> <artifactId>jacob</artifac ...