页面跳转

杀意已决 2014-02-21 01:15:55

下面不用href的话要实现跳转怎么写

<ul class="menu">

	<li href="a.html">a</li>

	<li href="b.html">b</li>

	<li href="c.html">c</li>

</ul>

window.open 或者window.location行吗，大概怎么写，谢谢了

...全文

113 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

杀意已决 2014-02-21

打赏
举报

引用 8 楼 u011461314 的回复:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 
 
</head>
<body>
    <ul class="menu" id='mm'>
    <li href="a.html">a</li>
    <li href="b.html">b</li>
    <li href="c.html">c</li>
</ul>
 
 
<script>
var $lis = document.querySelectorAll('.menu li');
var i=0;
var dochref = location.href.substring(0,(location.href.lastIndexOf('/')+1));

for(;i<$lis.length;i++){
    $lis[i].onclick = (function(href){
        return function(){
            window.open(dochref+href);
        }
    }($lis[i].getAttribute('href')))
}</script>
 
 
</body>
</html>

有一个bug，第一个li提示地址不对

zhjdg 2014-02-21

打赏
举报

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 
 
</head>
<body>
    <ul class="menu" id='mm'>
    <li href="a.html">a</li>
    <li href="b.html">b</li>
    <li href="c.html">c</li>
</ul>
 
 
<script>
var $lis = document.querySelectorAll('.menu li');
var i=0;
var dochref = location.href.substring(0,(location.href.lastIndexOf('/')+1));

for(;i<$lis.length;i++){
    $lis[i].onclick = (function(href){
        return function(){
            window.open(dochref+href);
        }
    }($lis[i].getAttribute('href')))
}</script>
 
 
</body>
</html>

杀意已决 2014-02-21

打赏
举报

引用 6 楼 with386819368 的回复:

那就换个自定义的属性比如data=“a.html”用来存放数据

window.open里的a.html路径总不对

跟我学做菜吧 2014-02-21

打赏
举报

那就换个自定义的属性比如data=“a.html”用来存放数据

杀意已决 2014-02-21

打赏
举报

href不用了，删除

杀意已决 2014-02-21

打赏
举报

<li href="a.html">a</li> 这一句响应click事件，然后window.open怎么写啊

人生难得一只鸡 2014-02-21

打赏
举报

不知道你之前的href是怎么实现的转向，是否有其他js来做了相应的处理如果是，那么你可以尝试自定义属性换个其他名称比如 link='abc.html' 对应的js 中的href,修改成link getAttribute('link')

杀意已决 2014-02-21

打赏
举报

谢谢，现在两个都起作用了，但是怎么让之前的href不好用呢，删除的话下面open的地址怎么给，有很多li

zhjdg 2014-02-21

打赏
举报

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>


</head>
<body>
	<ul class="menu" id='mm'>
    <li href="a.html">a</li>
    <li href="b.html">b</li>
    <li href="c.html">c</li>
</ul>


<script>
var $lis = document.querySelectorAll('.menu li');
var i=0;
for(;i<$lis.length;i++){
	$lis[i].onclick = (function(href){
		return function(){
			window.open(href);
		}
	}($lis[i].getAttribute('href')))
}</script>


</body>
</html>

认识微信小程序、开发者工具、小程序开发、小程序常见组件、小程序常见样式、函数和事件、数据绑定、常用API、小程序生命周期、变量、运算符、...函数、箭头函数、Promise风格、全局js和页面js、携带参数页面跳转......

1.页面跳转的几种方法 1：router-link跳转 2：this.$router.push() 3：this.$router.replace() 4：this.$router.go(n) 1. router-link跳转通常用于点击查看按钮，跳转到其他页面 1.不带参数 <router-...

页面跳转，我们一般都通过路由跳转实现，通常情况下可直接使用router-link标签实现页面跳转，但是如果我们想通过点击别的标签实现页面跳转，怎么办呢？这个时候我们就要用到this.$router.push()方法，下面来给大家...

对于大多数前端开发人员，经常用到的就是页面跳转功能吧，下面简单总结了几种页面跳转功能的实现，供大家参考使用。第一种：使用JS跳转页面 1）跳转带参 <script language="javascript" type="text/javascript"&...

Flutter 中的页面跳转及页面之间传参（路由跳转）大多数应用程序具有多个页面或视图，并且希望将用户从页面平滑过渡到另一个页面。Flutter 的路由和导航功能可帮助你管理应用中屏幕之间的命名和过渡。管理多个...