关于javascript和css的宿主环境以及资源引用相对路径等问题实践总结!
1.javascript引用资源(比如图片)相对路径是以宿主环境(所被引用的网页比如user.html)所处位置为基准
2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准!
已经实践证明过!
--2009aicheaizi
------images
---------index_02.jpg
------test.htm
--css
------css
----------test.css
--js
------js
----------test.js
引用代码如下:
test.css
#imgtest
{
background-image:url(。。/。。/2009aicheaizi/images/index_02.jpg);//把.换成。以防cnblogs转换
width:500px;
height:50px;
border:solid 1px red;
}
test.js
function writeimg()
{
document.write("<img src='images/index_02.jpg' />");
}
test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript" src="../js/js/test.js"></script>
<link href="../css/css/test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
writeimg();
</script>
<div id="imgtest"></div>
</body>
</html>
实践是检验真理的唯一途径.
分享到：
相关推荐
1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件，则index.php即为宿主)所处位置为基准。 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! ...
以下是关于微信小程序宿主环境的详细说明： 1. **渲染层和逻辑层** - 渲染层：负责展示用户界面，主要包括WXML模板和WXSS样式。WXML类似HTML，用于结构布局，而WXSS则对应CSS，用于样式设定。渲染层的界面由...
这个压缩包集合了关于JavaScript学习的多种资源，旨在帮助初学者快速掌握并深化对JavaScript的理解。 首先，"JavaScript特效大全"这部分内容可能涵盖了网页动态效果的实现，如动画效果、滑动门、图片轮播、下拉菜单...
C++教程： ...这些资源为学习者提供了一条学习C++、jQuery、JavaScript和VBScript的路径，涵盖了从基础到进阶的各种知识点。通过阅读文档、查看API和实践案例，可以全面地提升在这四个领域的技能。
在探讨如何在Flex环境下结合JavaScript读取本地路径之前，我们需要理解几个关键技术点和相关技术组件。Flex是Adobe公司推出的用于构建富互联网应用（Rich Internet Applications, RIA）的开源框架，基于MXML（一种...
WebBrowser控件支持大部分Internet Explorer的功能，包括JavaScript、CSS样式、图片和框架等。在设计视图中添加控件后，可以通过编程方式设置其`Navigate`方法，指定要加载的HTML页面路径。 2. **HTML渲染引擎**：...
开发者在使用时需要确保宿主页面中的和标签内的src路径以及layui.config中的base路径被正确设置。 开发者在配置LayUI Adminpro时，可以在config.js文件中找到所有的默认配置。这些配置包括了容器ID、资源路径、视图...
2. 在项目的`public`目录下新建`js`文件夹，并将`ext-2.1`目录下的`adapter`、`resources`目录以及`ext-all.js`、`ext-core.js`等文件导入到`js`文件夹下，这是为了确保前端资源能够被正确引用。 **修改HTML宿主...
VBScript是一种轻量级的解释型脚本语言，主要在微软环境中使用，如Internet Explorer和ASP（Active Server Pages）。通过VBScript，开发者可以在HTML页面中编写交互式脚本，实现动态效果和服务器端的功能。这个CHM...
2. **初始化**：在应用启动时，需要初始化CEF环境，包括设置日志级别、资源路径等。 3. **创建浏览器窗口**：创建`CefApp`对象来管理CEF的生命周期，然后创建`CefBrowser`对象，这将代表一个浏览器窗口。 4. **...
3. **设置GWT模块**：在src目录下创建GWT模块，通常是一个以`.gwt.xml`为扩展名的文件，这个文件定义了模块所需的资源，包括引用的JavaScript库（标签）、样式表（标签）和继承的包（标签）。 4. **集成EXTJS**：若...
3. **Flash与JavaScript交互**: 虽然Qt是C++库，但Flash内容主要通过JavaScript与宿主环境（在这种情况下是Qt）进行交互。在Flash中，可以使用ActionScript的ExternalInterface类来暴露方法供JavaScript调用。同样，...
- 使用微信开发者工具创建新项目，填写小程序的AppID，选择项目名称和保存路径。 - 在项目中编写代码、设计界面，并利用开发者工具进行调试和预览。 #### 小程序代码的构成 小程序的代码主要包括以下几个部分： ...
6. **jsconfig.json**：这是一个JavaScript配置文件，可能用于设置JS的编译选项或者与开发环境相关的配置，确保代码能够正确编译和运行。 7. **images**：这个目录通常存放小程序中使用的图片资源，开发者可以在...
这通常通过使用Flex的ExternalInterface类来实现，该类允许Flex组件与宿主浏览器的JavaScript环境进行通信。 接下来，我们需要获取AmCharts库。可以从官方网站下载最新的AmCharts JavaScript文件，例如"amcharts.js...
- 要确保HTML文件与WinForm程序在同一目录下，或者提供正确的相对路径，以便`WebBrowser`控件能正确加载HTML。 - JavaScript函数名需保持一致，以便C#能够正确调用。 - 考虑到兼容性问题，可能需要测试不同版本的IE...
在MFC工程中，添加CEF库的引用路径，包括头文件目录和库目录。在链接器设置中，将CEF的库文件添加到输入依赖项。 #### 2.3 创建CEF客户端应用 在MFC工程中，你需要创建一个继承自`CefApp`的类，作为CEF的客户端...
1. 修改`Register.html`文件，加入以下CSS和JS引用： ```html <link href="js/resources/css/ext-all.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js/adapter/ext/ext-base.js...