我有一个配置文件,我保留了所有配置。
app: {
root: 'rooturl'
}
我有一个基本上是模板的html文件。
现在我想在html中读取该配置文件
<img src='rooturl'>
如何从html文件中的配置中读取root
我尝试使用Google搜索,但没有找到任何内容
请指教 感谢
答案 0 :(得分:0)
尝试以这种方式实现它,制作如下所示的三个文件并运行它。我使用了一些jQuery,它在DOM操作中非常有用。
的index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript" src="add.js"></script>
</head>
<body>
<img alt="Pulpit Rock" width="284" height="213"><br>
<button>Set the width attribute of the image</button>
</body>
</html>
在以下文件中,我使用jQuery设置<img>
的src属性。
add.js
$(document).ready(function(){
$("button").click(function(){
$("img").attr("src", app.root);
});
});
config.js
app = {
root: "https://www.w3schools.com/jquery/img_pulpitrock.jpg"
}