分类文章

热门文章

innerHTML中使用javascript变量

innerHTML中使用javascript变量需要使用引号的转义,今天试了好久才算弄出来

如:

var url = http://paviorsoft.cn;

document.getElementById(”div”).innerHTML = “<a href=\””+url +”\” target=\”_blank\”>下载历史轨迹</a></div>”

请给本文打分   
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

html:file 禁止输入

今天做了一个上传xls文件解析的程序,页面上用到了struts的html:file标签,可是该标签默认是可以输入的,这样导致输入内容并提交后会报错。
解决办法,禁止html:file标签键盘输入,在改标签里添加onkeydown=”event.returnValue=false;”

请给本文打分   
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

HTML转义字符 特殊字符

转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“&gt”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。

转义字符串的组成

转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

比如,要显示小于号(<),就可以写 &lt; 或者 &#60; 。

用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

提示:实体名称(Entity)是区分大小写的。

备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。

如何显示空格?

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用&nbsp;表示空格。

HTML特殊转义字符列表
最常用的字符实体
Character Entities

显示
说明
实体名称
实体编号

 
半方大的空白
&ensp;
&#8194;

 
全方大的空白
&emsp;
&#8195;

 
不断行的空白格
&nbsp;
&#160;

<
小于
&lt;
&#60;

>
大于
&gt;
&#62;

&
&符号
&amp;
&#38;


双引号
&quot;
&#34;

©
版权
&copy;
&#169;

®
已注册商标
&reg;
&#174;


商标(美国)

&#8482;

×
乘号
&times;
&#215;

÷
除号
&divide;
&#247;

ISO 8859-1 (Latin-1)字符集

HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。

备注:为了方便起见,以下表格中,“实体名称”简称为“名称”,“实体编号”简称为“编号”

显示
名称
编号
显示
名称
编号
显示
名称
编号
显示
名称
编号
显示
名称
编号

 
&nbsp;
&#160;
¡
&iexcl;
&#161;
¢
&cent;
&#162;
£
&pound;
&#163;
¤
&curren;
&#164;

¥
&yen;
&#165;
¦
&brvbar;
&#166;
§
&sect;
&#167;
¨
&uml;
&#168;
©
&copy;
&#169;

ª
&ordf;
&#170;
«
&laquo;
&#171;
¬
&not;
&#172;
­
&shy;
&#173;
®
&reg;
&#174;

¯
&macr;
&#175;
°
&deg;
&#176;
±
&plusmn;
&#177;
²
&sup2;
&#178;
³
&sup3;
&#179;

´
&acute;
&#180;
µ
&micro;
&#181;

&para;
&#182;
·
&middot;
&#183;
¸
&cedil;
&#184;

¹
&sup1;
&#185;
º
&ordm;
&#186;
»
&raquo;
&#187;
¼
&frac14;
&#188;
½
&frac12;
&#189;

¾
&frac34;
&#190;
¿
&iquest;
&#191;
À
&Agrave;
&#192;
Á
&Aacute;
&#193;
Â
&Acirc;
&#194;

Ã
&Atilde;
&#195;
Ä
&Auml;
&#196;
Å
&Aring;
&#197;
Æ
&AElig;
&#198;
Ç
&Ccedil;
&#199;

È
&Egrave;
&#200;
É
&Eacute;
&#201;
Ê
&Ecirc;
&#202;
Ë
&Euml;
&#203;
Ì
&Igrave;
&#204;

Í
&Iacute;
&#205;
Î
&Icirc;
&#206;
Ï
&Iuml;
&#207;
Ð
&ETH;
&#208;
Ñ
&Ntilde;
&#209;

Ò
&Ograve;
&#210;
Ó
&Oacute;
&#211;
Ô
&Ocirc;
&#212;
Õ
&Otilde;
&#213;
Ö
&Ouml;
&#214;

×
&times;
&#215;
Ø
&Oslash;
&#216;
Ù
&Ugrave;
&#217;
Ú
&Uacute;
&#218;
Û
&Ucirc;
&#219;

Ü
&Uuml;
&#220;
Ý
&Yacute;
&#221;
Þ
&THORN;
&#222;
ß
&szlig;
&#223;
à
&agrave;
&#224;

á
&aacute;
&#225;
â
&acirc;
&#226;
ã
&atilde;
&#227;
ä
&auml;
&#228;
å
&aring;
&#229;

æ
&aelig;
&#230;
ç
&ccedil;
&#231;
è
&egrave;
&#232;
é
&eacute;
&#233;
ê
&ecirc;
&#234;

ë
&euml;
&#235;
ì
&igrave;
&#236;
í
&iacute;
&#237;
î
&icirc;
&#238;
ï
&iuml;
&#239;

ð
&eth;
&#240;
ñ
&ntilde;
&#241;
ò
&ograve;
&#242;
ó
&oacute;
&#243;
ô
&ocirc;
&#244;

õ
&otilde;
&#245;
ö
&ouml;
&#246;
÷
&divide;
&#247;
ø
&oslash;
&#248;
ù
&ugrave;
&#249;

ú
&uacute;
&#250;
û
&ucirc;
&#251;
ü
&uuml;
&#252;
ý
&yacute;
&#253;
þ
&thorn;
&#254;

ÿ
&yuml;
&#255;

数学和希腊字母标志
symbols, mathematical symbols, and Greek letters

显示
名称
编号
显示
名称
编号
显示
名称
编号
显示
名称
编号
显示
名称
编号

ƒ
&fnof;
&#402;
Α
&Alpha;
&#913;
Β
&Beta;
&#914;
Γ
&Gamma;
&#915;
Δ
&Delta;
&#916;

Ε
&Epsilon;
&#917;
Ζ
&Zeta;
&#918;
Η
&Eta;
&#919;
Θ
&Theta;
&#920;
Ι
&Iota;
&#921;

Κ
&Kappa;
&#922;
Λ
&Lambda;
&#923;
Μ
&Mu;
&#924;
Ν
&Nu;
&#925;
Ξ
&Xi;
&#926;

Ο
&Omicron;
&#927;
Π
&Pi;
&#928;
Ρ
&Rho;
&#929;
Σ
&Sigma;
&#931;
Τ
&Tau;
&#932;

Υ
&Upsilon;
&#933;
Φ
&Phi;
&#934;
Χ
&Chi;
&#935;
Ψ
&Psi;
&#936;
Ω
&Omega;
&#937;

α
&alpha;
&#945;
β
&beta;
&#946;
γ
&gamma;
&#947;
δ
&delta;
&#948;
ε
&epsilon;
&#949;

ζ
&zeta;
&#950;
η
&eta;
&#951;
θ
&theta;
&#952;
ι
&iota;
&#953;
κ
&kappa;
&#954;

λ
&lambda;
&#955;
μ
&mu;
&#956;
ν
&nu;
&#957;
ξ
&xi;
&#958;
ο
&omicron;
&#959;

π
&pi;
&#960;
ρ
&rho;
&#961;
ς
&sigmaf;
&#962;
σ
&sigma;
&#963;
τ
&tau;
&#964;

υ
&upsilon;
&#965;
φ
&phi;
&#966;
χ
&chi;
&#967;
ψ
&psi;
&#968;
ω
&omega;
&#969;

?
&thetasym;
&#977;
?
&upsih;
&#978;
?
&piv;
&#982;

&bull;
&#8226;

&hellip;
&#8230;


&prime;
&#8242;

&Prime;
&#8243;

&oline;
&#8254;

&frasl;
&#8260;

&weierp;
&#8472;


&image;
&#8465;

&real;
&#8476;

&trade;
&#8482;

&alefsym;
&#8501;

&larr;
&#8592;


&uarr;
&#8593;

&rarr;
&#8594;

&darr;
&#8595;

&harr;
&#8596;

&crarr;
&#8629;


&lArr;
&#8656;

&uArr;
&#8657;

&rArr;
&#8658;

&dArr;
&#8659;

&hArr;
&#8660;


&forall;
&#8704;

&part;
&#8706;

&exist;
&#8707;

&empty;
&#8709;

&nabla;
&#8711;


&isin;
&#8712;

&notin;
&#8713;

&ni;
&#8715;

&prod;
&#8719;

&sum;
&#8721;


&minus;
&#8722;

&lowast;
&#8727;

&radic;
&#8730;

&prop;
&#8733;

&infin;
&#8734;


&ang;
&#8736;

&and;
&#8743;

&or;
&#8744;

&cap;
&#8745;

&cup;
&#8746;


&int;
&#8747;

&there4;
&#8756;

&sim;
&#8764;

&cong;
&#8773;

&asymp;
&#8776;


&ne;
&#8800;

&equiv;
&#8801;

&le;
&#8804;

&ge;
&#8805;

&sub;
&#8834;


&sup;
&#8835;

&nsub;
&#8836;

&sube;
&#8838;

&supe;
&#8839;

&oplus;
&#8853;


&otimes;
&#8855;

&perp;
&#8869;

&sdot;
&#8901;
?
&lceil;
&#8968;
?
&rceil;
&#8969;

?
&lfloor;
&#8970;
?
&rfloor;
&#8971;
?
&lang;
&#9001;
?
&rang;
&#9002;

&loz;
&#9674;


&spades;
&#9824;

&clubs;
&#9827;

&hearts;
&#9829;

&diams;
&#9830;

重要的国际标记
markup-significant and internationalization characters

显示
名称
编号
显示
名称
编号
显示
名称
编号
显示
名称
编号
显示
名称
编号


&quot;
&#34;
&
&amp;
&#38;
<
&lt;
&#60;
>
&gt;
&#62;
Œ
&OElig;
&#338;

œ
&oelig;
&#339;
Š
&Scaron;
&#352;
š
&scaron;
&#353;
Ÿ
&Yuml;
&#376;
ˆ
&circ;
&#710;

˜
&tilde;
&#732;

&ensp;
&#8194;

&emsp;
&#8195;

&thinsp;
&#8201;

&zwnj;
&#8204;


&zwj;
&#8205;

&lrm;
&#8206;

&rlm;
&#8207;

&ndash;
&#8211;

&mdash;
&#8212;


&lsquo;
&#8216;

&rsquo;
&#8217;

&sbquo;
&#8218;

&ldquo;
&#8220;

&rdquo;
&#8221;


&bdquo;
&#8222;

&dagger;
&#8224;

&Dagger;
&#8225;

&permil;
&#8240;

&lsaquo;
&#8249;


&rsaquo;
&#8250;

&euro;
&#8364;

JavaScript转义符

转义序列
字符

\b
退格

\f
走纸换页

\n
换行

\r
回车

\t
横向跳格 (Ctrl-I)

\’
单引号

\”
双引号

\\
反斜杠

编程的时候要注意特殊字符的问题,很多运行时出现的问题都是因为特殊字符的出现而引起的。

注意,由于反斜杠本身用作转义符,因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠,必须一起键入两个反斜杠 (\\)。

请给本文打分   
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

jquery 遮罩应用

之前自己也做过一个div遮罩,最近才发现jquery也能轻松实现div的遮罩,这是一个jquery的遮罩插件大家可以在这里看到效果http://nyromodal.nyrodev.com/,该jquery遮罩插件功能强大且有很多效果。

这里写了个简单的例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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>
<link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.pack.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<script type="text/javascript" src="js/jquery.nyroModal-1.5.2.pack.js"></script>
</head>
 
<body>
 
<a href="#1" class="nyroModal">DOM Element (hidden div)</a>
<div id="1" style="display: none; width: 600px;">
<iframe src="1.html" align="middle" width="560px;" scrolling="no" frameborder="0"></iframe>
</div>
</body>
</html>

div中是调用另外一个页面的内容。

该插件还有以下特性
•Ajax Call
•Ajax Call with targeting content
•Ajax call can change the modal size
•Single Image
•Images [...]

请给本文打分   
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...

如何调用iframe中的javascript方法

如何调用iframe中的javascript方法,最近做了一个项目,网页中需要嵌入一个ocx控件,直接将ocx放入网页的话会大大的减慢页面的载入速度,于是将该ocx写到另一个html中,然后在原页面添加一个iframe。
iframe代码如下

1
<iframe name="sip_iframe" width="0" height="0" src="sipIframe.html"></iframe>

当原页面需要调用iframe中的javascript方法的时候并不能直接调用,需要这样
window.frames["sip_iframe"].方法名();

请给本文打分   
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...

iframe去除边框

iframe去除边框

请给本文打分   
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...