关于浏览器之间携带网址跳转的例子

本人第一次写博客有写的不对不周到的地方请大家帮忙指点留言 。
关于浏览器之间跳转,只有IE支持,谷歌和火狐不支持,在IE可以跳转到谷歌或火狐浏览器上并且打开一个网页,给大家分享代码。

本项目是SSM框架,这是一个jsp界面,里面是用ajax向后端发送查询请求,将查询出来的网址和浏览器显示在前端界面上.

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=0.8, minimum-scale=0.8, maximum-scale=0.8, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!--网站图标-->
<link rel="shortcut icon" href="<%=path %>/view/page/assets/icon.ico">  
<!--css部分-->
<link rel="stylesheet" href="script/css/default.css" />
<link rel="stylesheet" href="script/css/bootstrap.css" />
<link rel="stylesheet" href="script/css/kstyle.css" />
<link rel="stylesheet" href="script/assets/css/icons.css" />
<link rel="stylesheet" href="script/css/qiye.css?20160222" />
<script type="text/javascript" src="script/js/jquery.js"></script>
<link rel="stylesheet"	href="<%=basePath%>/view/page/assets/style/main.min.css">
<script type="text/javascript"	src="<%=basePath%>/script/flat/lib/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"	src="<%=basePath%>/script/flat/lib/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"	src="<%=basePath%>/script/flat/lib/js/bootstrap-switch.min.js"></script>
<script type="text/javascript"	src="<%=basePath%>/script/flat/lib/js/select2.full.min.js"></script>
<script type="text/javascript"	src="<%=basePath%>/script/flat/lib/js/jquery.matchHeight-min.js"></script>

</head>
<script type="text/javascript">
	//界面加载执行的方法
	window.onload=function(){
		$.ajax({
			type : "POST",
			url : "",//向后台请求的地址。
			data : {},
			success : function(data) {
				//图片地址 
				var imgurl="<%=basePath%>";
				if (data != null ) {
					var html = ""
					for(i= 0; i < data.list.length; i++) {
						html += 
						'
+data.list[i].browser+' , '+data.list[i].url+')">'+ '+imgurl + data.list[i].image+'">'+ '+data.list[i].name+'" >'+data.list[i].name+' '+ '
'
; } $("#itemsList").html(html); } }, error : function(data) { } }); } //判断IE和IE版本 function IEVersion() { //取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; //判断是否IE<11浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE的Edge浏览器 var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1; if (isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); if (fIEVersion == 7) { console.log('是IE7'); return 7; } else if (fIEVersion == 8) { console.log('是IE8'); return 8; } else if (fIEVersion == 9) { console.log('是IE9'); return 9; } else if (fIEVersion == 10) { console.log('是IE10'); return 10; } else { console.log('是IE6'); //IE版本<=7 return 6; } } else if (isEdge) { //edge return 'edge'; } else if (isIE11) { console.log('是IE11'); //IE11 return 11; } else { console.log('不是IE浏览器'); //不是ie浏览器 return -1; } } //更换不同的浏览器 function ieif(browserName, targetUrl) { //浏览器名称 var browser = browserName; //网址 var url = targetUrl; if (!!window.ActiveXObject || "ActiveXObject" in window) { //console.log('是IE浏览器'); var ieb = IEVersion(); if (ieb != 7 || ieb != 'edge' || ieb != 6) { console.log("IE浏览器版本 " + ieb); ieFun(browser, url); } } else { console.log('不是IE浏览器'); window.open(targetUrl); } } //ie浏览器跳转到其他浏览器方法 function ieFun(browserName, targetUrl) { var WSH = new ActiveXObject("WScript.Shell"); try { WSH.Run(browserName + ' ' + targetUrl); } catch (e) { console.log(e.name + ':' + e.message); WSH.Run('iexplore.exe' + ' ' + targetUrl); } } </script> <body> <style> .con span{ display:none; } .con:hover span{ display:initial; } </style> <div id="app" > <div class="polymerization" style="background:#fff;"> <!--头部--> <div class="top-template"> <div class="logo"> <img src="./view/page/assets/LOGO.png"> </div> </div> <!--内容--> <div class="content-template" style="width: 90%;margin: 0 auto;padding: 10px 0px 10px 0px;"> <div class="top"> <div class="title">所有应用</div> </div> <!--内容列表--> <table> <div class="content"> <div class="ele-list" id = "itemsList"> </div> </div> </table> </div> <!--底部--> <div class="bottom-template"> </div> </div> </div> </body> </html>

注意IE需要修改,不修改这里上述代码将没有效果

打开“浏览器选项“ 设置页面:
打开“浏览器选项“ 设置页面
点击“自定义级别…”:
关于浏览器之间携带网址跳转的例子_第1张图片
勾选红色区域ActiveX控件设置,点击“确定”关闭设置:
关于浏览器之间携带网址跳转的例子_第2张图片
输入访问地址,当看到如下提示,必须选择“是”:
关于浏览器之间携带网址跳转的例子_第3张图片
谢谢大家,本次分享结束。

你可能感兴趣的:(jQuery)