javascript 标签 src 链接动态文件。
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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script src="test.asp"></script>
<script type="text/javascript">
alert(pics)
</script>
</body>
</html>
test.asp中的代码
var pics="sadfsd"
<%
response.write "document.write('中国')"
%>
说明:
在test.asp中,可以定义js中的变量,在此文件中,不需要“<script></script>”,此处所有的非asp代码(<%%>)都是作为js处理的,而document.write仅仅是作为显示使用,不要混淆,且document.write内的代码,要么是'要是是"",可以将代码内的"统一替换为""
你所谓的连接到一个网站的,也就是这个网站提供了一个JS的API,例如google的<script type="text/javascript" src="http://www.google.com/jsapi"></script>这种引用。
这种连接你可以理解为是http://www.google.com/jsapi/index.php或者是index.aspx等等默认的检索页,因为是默认首页,所以后面的文件名可以忽略掉,那样你看到的就是http://www.google.com/jsapi这种形式了。
这种API就是会动态生成一段JS代码,所谓动态生成很简单,就是说在这段JS代码内部有一些变量或者内容是会根据不同的时间或者不同的地点产生不同的值的。举个例子来说:
假如你打开那个连接看到的是这一段内容:
var language = "zh-cn"; 而在那个动态生成的程序中是这样实现的:(因为我对php比较熟悉,所以我就用php来举例)
<?php
$language = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'],0,5); //获取你浏览器的语言设置
if($language == "zh-cn") echo “language = ‘zh-cn’”; //如果是中文就输出language = ‘zh-cn’
else echo “language = ‘en’”; //如果是英文文就输出language = ‘en’
?>
当你打开这个php页面的时候就会出现
var language = "zh-cn";
就跟打开一个js文件一样。
就这么简单。
制作网站代码:script src="xx.asp"引用动态页,正确使用方法
用ASP读数据,用js代码来相应您想要的结果!
也许出于某些原因,比如全站为静态页面,却不得不在页面中加入动态元素,恰好又不喜欢用iframe这些就用script来引用一个动态页面
正确的使用案例:
xx.asp
————————
<%………………%>
document.write("你的IP是:<%=IP%>,来自<%=Disp_IPAddressData(IP,2)%><%=Disp_IPAddressData(IP,3)%>")
<%………………%>
注意是写在<%%>外的,赤裸的摆在那,原因是因为src引用进来是“源码”而不是编译过的<script>
————————
xx.html中
————————
<script src="xuanzang.asp"></script>
————————
错误的写法则是在ASP文件中有
response.write("XXXX")
或
Response.write("<script>XXX</script>")
或
<%
document.write("XXX")
%>
只要了解SCRIPT规范,script src="x.js",就不难发现,asp中写js代码与x.js中写JS代码是一样的,方便之处是在于asp中可以引用动态元素,如上面的<%=IP%>
javascript 标签 src 链接动态文件。的更多相关文章
- 用 pdf.js兼容部分安卓显示PDF在线预览 时,a标签直接链接参数文件不能含中文的解决办法
例子: 项目部署在 Tomcat 上的: <a href="../generic/web/viewer.html?file=doc/register/要显示的文件.pdf" ...
- Makefile 编译动态库文件及链接动态库
本文为原创文章,转载请指明该文链接 文件目录结构如下 dynamiclibapp.c Makefile comm/inc/apue.h comm/errorhandle.c dynamiclib/Ma ...
- JavaScript(第二十二天)【动态加载js和css】
学习要点: 1.元素位置 2.动态脚本 3.动态样式 本章主要讲解上一章剩余的获取位置的DOM方法.动态加载脚本和样式. 一.元素位置 上一章已经通过几组属性可以获取元素所需的位置,那么这节课补充 ...
- JavaScript进阶(二)在一个JS文件中引用另一个JS文件
在一个JS文件中引用另一个JS文件 转载地址:http://blog.csdn.net/zndxlxm/article/details/7875787 方法一 在调用文件的顶部加入下例代码 ...
- JavaScript学习10:动态载入脚本和样式
我们在写Web页面的时候,须要引入非常多的JavaScript脚本文件和CSS样式文件,尤其是在站点需求量非常大的时候,脚本的需求量也随之变大,这样一来,站点的性能就会大打折扣.因此就出现了动态载入的 ...
- 由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载,但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框,这里通过模拟表单提交实现同样的效果。
由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载(这样的话ajax可以传递不同的参数),但是ajax实现的文 ...
- 第一百六十一节,封装库--JavaScript,完整封装库文件
封装库--JavaScript,完整封装库文件 /** *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀 **/ /** 前台调用 * 每次调用$()创建库对象, ...
- [CSAPP-II] 链接[符号解析和重定位] 静态链接 动态链接 动态链接接口
1 平台 转http://blog.csdn.net/misskissc/article/details/43063419 1.1 硬件 Table 1. 硬件(lscpu) Architecture ...
- cmake 添加头文件目录,链接动态、静态库(转载)
来源网址:http://www.cnblogs.com/binbinjx/p/5626916.html 罗列一下cmake常用的命令. CMake支持大写.小写.混合大小写的命令. 1. 添加头文件目 ...
随机推荐
- 15个极好的Linux find命令示例(二)
前阵子,我们审查了15件实事 find命令的例子(第一部分).查找命令可以做很多比只是在寻找基于名称的文件 (第2部分)在这篇文章中,让我们来讨论15高级find命令的例子, 包括-根据它访问,修改或 ...
- (九)学习CSS之margin属性
参考: 所有浏览器都支持 margin 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". 定义和用法 margi ...
- SharePoint 2013 入门教程--系列文章
转:http://www.cnblogs.com/jianyus/p/3381415.html 以下文章是自己在学习SharePoint的过程中,不断积累和总结的博文,现在总结一个目录,分享给大家.这 ...
- C#生成缩略图代码
/**//// <summary> /// 生成缩略图 /// </summary> /// <param name=&q ...
- (翻译)Entity Framework技巧系列之十 - Tip 37 - 41
提示37. 怎样进行按条件包含(Conditional Include) 问题 几天前有人在StackOverflow上询问怎样进行按条件包含. 他们打算查询一些实体(比方说Movies),并且希望预 ...
- HDU 1251-统计难题(Trie)
题意: 给一组单词 开始提问每次给一个串求该串是上面几个单词的前缀 分析: 没给数据规模,但用链表写ME好几次,又用数组写开小RE了,试了几次才过了,真是醉了... #include <map& ...
- Ubuntu 12.04 安装Scrapy爬虫框架
转自:http://www.cnblogs.com/HelloPython/ 亲测有效 根据Scrapy安装指南(http://doc.scrapy.org/en/latest/intro/insta ...
- 恒天云技术分享系列4 – OpenStack网络攻击与防御
恒天云技术分享系列:http://www.hengtianyun.com/download-show-id-13.html 云主机的网络结构本质上和传统的网络结构一致,区别大概有两点. 1.软网络管理 ...
- [思维题]Bored Qishen
给出一个整数集,其中包含1-n的所有整数,要求挑选出一个元素最多的子集,使得子集中任意两数的乘积不是完全平方数 (n<=10^6) 求这样一个最大子集的元素个数 #include <cst ...
- Android实例-MotionSensor加速度(XE8+小米2)
结果: 1. 实例代码: unit Unit1; interface uses System.SysUtils, System.Types, System.UITypes, System.Classe ...