Javascript 在html中设置变量和值&;js
我有一个js文件在这个js文件中,我有以下变量Javascript 在html中设置变量和值&;js,javascript,jquery,html,Javascript,Jquery,Html,我有一个js文件在这个js文件中,我有以下变量 var image_path="images"; var style_path="style"; 我想在html文件中使用这些变量 喜欢形象的陈述 <img src="path from js/logo.gif"> <link rel="stylesheet" href="path from js/constant.css" type="text/css" /> 或者在样式表语句中
var image_path="images";
var style_path="style";
我想在html文件中使用这些变量
喜欢形象的陈述
<img src="path from js/logo.gif">
<link rel="stylesheet" href="path from js/constant.css" type="text/css" />
或者在样式表语句中
<img src="path from js/logo.gif">
<link rel="stylesheet" href="path from js/constant.css" type="text/css" />
这背后的基本思想是:若我们更改图像文件夹的名称或图像文件夹的路径,我们只会更改一个JS文件,而不是1000个html文件
样式表也是如此
或者在java脚本或Jquery中执行相同操作的任何其他方法
谢谢您可以使用
文档。编写(或jQuery)来创建标记:
document.write('<img src="' + image_path + '/logo.gif">');
document.write(“”);
请注意,必须在调用之前设置变量
但是,最好在服务器端代码中执行此操作。您可以使用document.write
(或jQuery)创建标记:
document.write('<img src="' + image_path + '/logo.gif">');
document.write(“”);
请注意,必须在调用之前设置变量
但是,最好在服务器端代码中执行此操作。您不能明智地执行此操作。您必须使用JavaScript动态生成所有内容,这将对搜索引擎和任何没有可用JS的人隐藏内容
您最好使用某种模板引擎
可以从服务器端脚本驱动,或用于生成用于上载的静态页面(例如,使用)
然后,您可以执行以下操作:
[%
image_path = "images";
style_path = "style";
%]
然后:
[% INCLUDE "common.tt"; %]
<link rel="stylesheet" href="[% style_path %]/constant.css" type="text/css" />
[%INCLUDE“common.tt”;%
他们有。你不能明智地这样做。您必须使用JavaScript动态生成所有内容,这将对搜索引擎和任何没有可用JS的人隐藏内容
您最好使用某种模板引擎
可以从服务器端脚本驱动,或用于生成用于上载的静态页面(例如,使用)
然后,您可以执行以下操作:
[%
image_path = "images";
style_path = "style";
%]
然后:
[% INCLUDE "common.tt"; %]
<link rel="stylesheet" href="[% style_path %]/constant.css" type="text/css" />
[%INCLUDE“common.tt”;%
<> P/>你是否考虑过使用<代码> <代码>标签?为什么我不可以问:(P>)你考虑过使用<代码> <代码>标签吗?为什么我不可以问:)在这方面我偏爱jQuery。我同意大多数人的看法,服务器端可能更好,但如果你必须在客户机上这样做,你可以做以下几点
将一个类添加到应该生效的img元素中(或者,如果它应该应用于所有元素,则跳过我的示例的这一方面……我只是想演示一下,使用jQuery可以将其设置为有条件的,并使用类选择器来实现这一点)
例如:
或者:
(如果图像已经有类)
然后,您可以使用如下函数,该函数在页面加载时(通过$(document).ready()
)获取与类名匹配的所有img元素,并在根路径之前对它们进行迭代
请原谅我的语法,并将其作为伪代码…我已经有一段时间没有做web/javascript/jquery了
为此,我偏爱jQuery。我同意大多数人的看法,服务器端可能更好,但如果你必须在客户机上这样做,你可以做以下几点
将一个类添加到应该生效的img元素中(或者,如果它应该应用于所有元素,则跳过我的示例的这一方面……我只是想演示一下,使用jQuery可以将其设置为有条件的,并使用类选择器来实现这一点)
例如:
或者:
(如果图像已经有类)
然后,您可以使用如下函数,该函数在页面加载时(通过$(document).ready()
)获取与类名匹配的所有img元素,并在根路径之前对它们进行迭代
请原谅我的语法,并将其作为伪代码…我已经有一段时间没有做web/javascript/jquery了
我要说的是,像这样走jQuery路线。问题是,要添加那个类,他必须编辑每个HTML页面,这是他想要避免的。您可以扩展选择器,只需执行$(“img”)或$(“link”)即可。问题是,要添加那个类,他必须编辑每个HTML页面,这是他想要避免的。您可以扩展选择器,只需执行$(“img”)或$(“link”)。