在HTML中调用JS的变量

在网上查了很多资料，没一个符合我的需求，综合各方，自己尝试写了一个，将就着用吧

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>a {text-decoration: none;}a:hover {color: red;}li {list-style: none;}</style>
</head><body><div><div><ul><li><a id="link_1" target="blank"><span id="link_detail_1"></span></li><li><a id="link_2" target="blank"><span id="link_detail_2"></span></li><li><a id="link_3" target="blank"><span id="link_detail_3"></span></li><li><a id="link_4" target="blank"><span id="link_detail_4"></span></li><li><a id="link_5" target="blank"><span id="link_detail_5"></span></li></ul></div></div><script type="text/javascript">// 链接框链接的id号var link_id = ["link_1", "link_2", "link_3", "link_4", "link_5"];// 链接框内容id号var link_detail_id = ["link_detail_1", "link_detail_2", "link_detail_3", "link_detail_4", "link_detail_5"];// 链接网址var link_url = ['https://www.baidu.com', 'https://www.baidu.com', 'https://www.baidu.com', 'https://www.baidu.com', 'https://www.baidu.com'];// 链接内容var link_url_event = ["test1", "test2", "test3", "test4", "test5"];for (var i = 0; i <= 5; i++) {document.getElementById(link_id[i]).href = link_url[i];//非常重要document.getElementById(link_detail_id[i]).innerHTML = link_url_event[i];//同样非常重要}</script></body></html>

document.getElementById(link_detail_id[i]).innerHTML = link_url_event[i];

这句可以换成

mid=document.getElementById(link_detail_id[i]);
mid.innerHTML=link_url_event[i];

在HTML中调用JS的变量相关推荐

在python中调用js或者nodejs要使用PyExecJs第三方包。
在python中调用js或者nodejs要使用PyExecJs第三方包. 使用时:import execjs 这是没有用到nodejs的情况:如果用到nodejs,这种写法会报"Cannot ...
HTML调用Java函数或语句,在动态THML语句中调用JS函数传递带空格参数的问题
刚刚遇到一个问题,调用js函数的参数里带空格,造成调用失败的问题. 部分代码如下: html+=" "; //name中如果有空格就是调用失败 html+=" " ...
如何在java中调用js方法
[java] view plain copy/* * 加载脚本引擎,并在java中调用js方法 */ public void test2() { ScriptEngineManager manager ...
a 中调用js的几种方法整理及使用推荐
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...
a 标签中调用js的几种方法
我们常用的在a标签中有点击事件: 1. a href="JavaScript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...
调用c++_WebAssembly：在C代码中调用JS的函数
0. 前提知识点导出C中的函数给JS调用:主要是EMSCRIPTEN_KEEPALIVE这个Emscripten环境特有的宏. #include <stdio.h>#ifndef EM_ ...
a 中调用js的几种方法
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...
Magento中调用JS文件的几种方法
一.全局调用方法: 通过该方法每个页面都会引用这个JS文件,除非是类似jQuery这样的系统文件,不然不推荐这种方法. 文件路径:/app/design/frontend/default/Your_T ...
a标签中调用js的方法
1.a href="javascript:js_method();" 1.这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协 ...

在HTML中调用JS的变量

在HTML中调用JS的变量相关推荐

最新文章

热门文章