Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在html中设置变量和值&;js_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在html中设置变量和值&;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" /> 或者在样式表语句中

我有一个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" />

或者在样式表语句中

       <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”)。