js 根目录:实用技巧:在JS应用中定义上下文根目录变量

在JavaWEB应用中,上下文是十分重要的概念,但在JavaScript中没有对应的概念,也不能通过解析URL得到,因此往往在使用第三方产品时,遇到不小的麻烦,我们可以用<%@page contentType="text/javascript" pageEncoding="utf-8"%>指令将jsp文件标识为js文件,在这个jsp文件中定义供js调用的上下文变量。这里以配置百度UEditor在线编辑器为例。
一、文件路径
1、UEditor路径:上下文/ueditor
2、root.jsp路径:上下文/root.jsp
3、示例ue.html:上下文/ue.html
二、标识为js文件的root.jsp文件,在这个文件中定义供js调用的上下文变量ROOTPATH
<%@page contentType="text/javascript" pageEncoding="utf-8"%>
<%
    out.println("var ROOTPATH = '" + request.getContextPath() + "';");
%>
三、修改UEditor的editor_config.js文件
以下是在editor_config.js文件中百度UEditor的原始配置
var URL= "../";                            //这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径
修改后的配置
var URL=ROOTPATH+"/ueditor/";        
四、示例ue.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>UEditor范例
www.cxybl.com </title>
<script type="text/javascript" charset="utf-8" src="root.jsp"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/editor_config.js"></script> 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20121102/33574.html

时间: 2024-10-29 01:29:42

js 根目录:实用技巧:在JS应用中定义上下文根目录变量的相关文章

ASP.NET 页面刷新的实现方法(包括html,js)_实用技巧

先看看ASP.NET页面刷新的实现方法: 第一: C# code private void Button1_Click( object sender, System.EventArgs e ) { Response.Redirect( Request.Url.ToString( ) ); } 第二: C# code private void Button2_Click( object sender, System.EventArgs e ) { Response.Write( " < sc

asp.net jquery无刷新分页插件(jquery.pagination.js)_实用技巧

采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果 友情提示:本示例Handler中采用StringBuilder的append方法追加HTML,小数据量可以,但是大数据或是布局常变,建议返回JSON格式的数据,性能和灵活性更好! 1.插件参数列表  2.页面内容: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Defaul

js 格式化输出:实用技巧:js格式化日期输出

在JavaWEB应用中,通过 Ajax查询返回的日期类似如下 "2010-08-01 18:22:00.0",怎样按照希望的结果显示,往往要费一番周折,这里提供两个方法解决这个问题,仅供参考.其中格式化方法还不够完善,但已能满足大多数需要.一.效果图二.原代码1.解析方法 /*** 将字符串格式的时间输出为标准Date对象* @param stringDate 格式如:var stringDate="2010-08-01 18:22:00.0";*/var pars

PowerShell中定义多个变量并赋值的例子_PowerShell

所谓赋值语句,小编在最早学C语言时就知道那就是"a=1;".这么多年来,虽然语言在变,但赋值语句基本没变过.但今天在看一串PowerShell代码的时候,这种理念被推翻了.小编看到了多变量同时赋值的语句. 小编看到的语句是这样的: 复制代码 代码如下: $a[0],$a[1]=$a[0],$a[1]; 大家来猜猜它是什么意思? 其实很好猜,第一眼看上去就像是把$a[0]和$a[1]这两个数组元素颠倒.而事实上的效果也是这样的.难道说这就是两个变量互换值的语句吗?我们知道在传统的编程语言

javascript深入理解js闭包_javascript技巧

一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. Js代码 function f1(){ var n=999; } alert(n); // error 这里有一个地方需要注意,函数

.NET工厂方法模式讲解_实用技巧

工厂方法模式介绍: 工厂方法(Factory Method)模式的意义是定义一个创建产品对象的工厂接口,将实际创建工作推迟到子类当中.核心工厂类不再负责产品的创建,这样核心类成为一个抽象工厂角色,仅负责具体工厂子类必须实现的接口,这样进一步抽象化的好处是使得工厂方法模式可以使系统在不修改具体工厂角色的情况下引进新的产品. 工厂方法模式结构图: 角色分类: 抽象工厂角色:是工厂方法模式的核心,与应用程序无关.任何在模式中创建的对象的工厂类必须实现这个接口. 具体工厂角色:这是实现抽象工厂接口的具体

JS教程:学习笔记之JS类

背景:接触JavaScript快两年了.从最开始对她充满着好奇,到现在的学习了许多关于她的框架.朋友问我:都有这么多框架,你为何还要去学最底层的面向对象呢?其实这个问题:另一个朋友已经替我回答了.无论以后框架在怎么变,只要了解底层的原理,学起来都是很容易上手的.好了,我们开始学习了. 1.    创建对象: var obj = new Object();//第一种方式. var obj = {};//第二种方法.顺带一句可以通过var arr = [] 来创建数组 2.    给对象的属性赋值

Asp.net实用技巧(2)

asp.net|技巧   1. 在Asp.net实用技巧(1) 中提到了如何刷新父页面,那么如果要刷新父页面的父页面的父页面了?那就是刷新祖先页面RefreshAncestorPage. RefreshAncestorPage#region RefreshAncestorPage        /**//// <summary>        /// 刷新指定的祖先页面,注意是"祖先页面"            /// </summary>           

c-如何正确的导出动态库中的结构体变量

问题描述 如何正确的导出动态库中的结构体变量 使用开源库封装的dll,它里面的接口需要使用dll中定义的结构体变量作为参数,于是把该变量也一起导出了,但在使用时,对该变量取地址总返回未知的值.大概的代码如下: 头文件定义结构体A,并声明 a变量,另外有一个函数func struct A{}; extern const A a; int func(const A* p ); const A* return_a(); DLL中的 xxx.c文件中定义了a变量和func函数 const A a; in