date- 学习

原创

StephenJava 2022-01-30 13:37:14 博主文章分类：前端 ©著作权

©著作权归作者所有：来自51CTO博客作者StephenJava的原创作品，请联系作者获取转载授权，否则将追究法律责任

<html>
<div>A 
   <div>B<div>C</div></div>
</div>


<div>
some text
<p>Some more text.</p>
</div>

<a href="http://"> fgw</a>

<a href="javascript:void(0)"> fgw2</a>


<a id="span_button" href="javascript:void(0)"
         data-mode="mode" 
         data-url="http:///" 
         data-from="setDate()"
         data-vardata="" 
         data-title="" 

>
<i class="ace-icon fa fa-search bigger-110">lqf</i>
</a>

<script type="text/javascript">

var buttonID = document.getElementById( 'span_button' ) ;
// 使用getAttribute获取 data- 属性
var url = buttonID.getAttribute( 'data-url' ) ;
// 获取 data-from 值
var dataFrom = buttonID.getAttribute( 'data-from' ) ;
// 执行对应js方法
var data = eval（dataFrom);
// 拼接参数，带参数跳转
var newUrl = url + '?data='+data;
alert(newUrl); 
// 带参 url 赋值回给 a 标签的跳转属性 href
buttonID.setAttribute( 'href' , newUrl) ;
// 获取相关参数方法
function setDate(){
   //TODO 获取跳转要带的相关参数逻辑

   return 'testdata'
}

</script>
</html>