Maison > interface Web > tutoriel HTML > le corps du texte

关于HTML中JS的调用问题_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:29:58
original
1148 Les gens l'ont consulté

我在HTML所在的文件夹中定义了一个GongJu.JS文件,代码如下:
var GongJu = new Array(9);
GongJu[0]="工具.html";
GongJu[1].src="工具-字符-康熙字典.html";
.......

然后再HTML中进行了调用
<script></script>

请问,我该怎么在li中的 a href处调用GongJu[1]的路径呢?

  • 康熙字典



  • 新手求指导。谢谢。


    回复讨论(解决方案)

    修改下,GongJu.js的代码是这样的:

    var GongJu = new Array(9);
    GongJu[0]="工具.html";
    GongJu[1]="工具-字符-康熙字典.html";

    为什么不在a标签的href里面直接写“工具-字符-康熙字典.html”呢?
    如果你想动态添加,那么就在js里面给a标签的href属性加上链接,或者是a标签加上click事件。

    回复2L  其实最关键的是不想到时候修改文件路径的时候,改很多地方。  到时候只要改JS文件的路径就好。

    通过js控制 增加li的事件  

    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><script type="text/javascript">$(function(){	var gongjv = [		{"name":"康熙111字典","src":"1.html"},		{"name":"康熙222字典","src":"2.html"},		{"name":"康熙333字典","src":"3.html"}		];	var _html="";	for(var i=0;i<gongjv.length;i++){		_html += '<li><a href="'+gongjv[i].src+'" class="zidian"><i class="icon icon-kxzd"></i><p>'+gongjv[i].name+'</p></a></li>';	}	$("#listHTML").html(_html);});</script><ul id="listHTML"></ul>
    Copier après la connexion

    得需要楼上那样的,在js里写

    <li><script type="text/javascript">document.write('<a href="'+GongJu[1]+'"><i class="icon icon-kxzd"></i><p>康熙字典</p></a>');</script></li>
    Copier après la connexion

    第二种方法

    <li><a href="" id="aaa"><i class="icon icon-kxzd"></i><p>康熙字典</p></a></li><script type="text/javascript">document.getElementById("aaa").href=GongJu[1];</script>
    Copier après la connexion

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal