网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
JavaScript 获得页面区域大小的代码
getPageSize函数返回一个数组，前两个是整个页面的宽度和高度，后两个是页面窗口的宽度和高度
function getPageSize()
{
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY)
{
xScroll = document.body.scrollWidth;
......
dp.SyntaxHighlighter
dp.SyntaxHighlighter，这东西yahoo都在用它，支持多种语言。
只需要将代码放到<textarea>标签内，它就可以自动根据class指定的语言来对textarea内容进行着色，还提供了行号、打印等功能。如：
Xml代码
<TEXTAREA class=java name=code><br/> // code here ...<br/></TEXTAREA><BR>
Java代码 <br/> // code here ...<br/> <br/> // code here ...<br/>可以说是我目前所见最强大的一款js实现的语法高亮产品了。
不过存在个问题，在blogger.com编辑框里面无法使用<textarea>标签，所以我后来又写了段js代码，用来将<pre>转换成<textarea>。当然，绝大多数情况下，这点不成为问题。
Javascript code prettifier
这个东东是今天才在网上发现的，googlecode出品。它支持的语言也不少，功能也不错（当然，相比dp来说，还是弱了不少的），不过没有行号功能挺遗憾的。另外就是它用的是<pre>和<code>标签，看了下它的sample，里面是用id来区分代码语言的，这个貌似不是很好吧。
如：
Xml代码
& ......
dp.SyntaxHighlighter
dp.SyntaxHighlighter，这东西yahoo都在用它，支持多种语言。
只需要将代码放到<textarea>标签内，它就可以自动根据class指定的语言来对textarea内容进行着色，还提供了行号、打印等功能。如：
Xml代码
<TEXTAREA class=java name=code><br/> // code here ...<br/></TEXTAREA><BR>
Java代码 <br/> // code here ...<br/> <br/> // code here ...<br/>可以说是我目前所见最强大的一款js实现的语法高亮产品了。
不过存在个问题，在blogger.com编辑框里面无法使用<textarea>标签，所以我后来又写了段js代码，用来将<pre>转换成<textarea>。当然，绝大多数情况下，这点不成为问题。
Javascript code prettifier
这个东东是今天才在网上发现的，googlecode出品。它支持的语言也不少，功能也不错（当然，相比dp来说，还是弱了不少的），不过没有行号功能挺遗憾的。另外就是它用的是<pre>和<code>标签，看了下它的sample，里面是用id来区分代码语言的，这个貌似不是很好吧。
如：
Xml代码
& ......
对于1个单引号，则转义该单引号
对于1个反斜杠跟1个单引号，则不管它。
对于2个及以上的反斜杠加一个单引号，则分别对每个反斜杠和单引号都进行转义，即 使反斜杠数目保持不变， 并转义单引号。
/// <summary>
/// 对于单引号而言，若前面有偶数个反斜杠则异常，奇数个反斜杠则正常
/// </summary>
/// <param name="input"></param>
/// <returns></returns>
private string ReplaceQuote(string input)
{
string pattern = @"(?:\\)*(?=['])";
return Regex.Replace(input, pattern, new MatchEvaluator(ReplaceText));
}
// 匹配项
public string ReplaceText(Match m)
{
string str = m.Value;
if (str.Length == 0)
{
// 只有单引号，则转义该单引号
return str + @"\";
}
else if(str.Length == 1)
{
// 1个反斜杠加一个单引号，则不替换
return string.Empty;
}
// 对于大于2个长度的反斜杠，则返回原来的2� ......
<html>
<head>
<title>test javaScript</title>
//css设置图像的透明度
<mce:style><!--
img
{
filter:alpha(opacity=10)
}
--></mce:style><style mce_bogus="1">img
{
filter:alpha(opacity=10)
}</style>
<mce:script type="text/javascript"><!--
function abort(){
alert("abort is invoked!");
}
function testConfirm(){
result=confirm("testConirm is completed");
if(result)
alert("you choose continue..."+result);
else
alert("you choose stop..."+result);
}
function testPrompt(){
var x=prompt("Enter a number between 0 and 10:","")
try{
if(x>10)
throw "Err1";
else if(x<0)
throw "Err2";
else
alert("the result is:"+x);
} catch(er){
if(er=="Err1")
alert("Error! The value is too high");
if(er == "Err2")
alert("Error! The value is too low") ;
}
}
function getWeekday(str){
//You will receive a differ ......
在上面的示例中，我们定义了两个语法甘露，一个是Class()函数，一个是New()函数。使用Class()甘露，我们已经可以用非常优雅的格式定义一个类。例如前例中的：
var
Employee
=
Class(Person,
//
派生至Person类
{
Create:
function
(name, age, salary)
{
Person.Create.call(
this
, name, age);
//
调用基类的构造函数
this
.salary
=
salary;
}
,
ShowMeTheMoney:
function
()
{
alert ......
在上面的示例中，我们定义了两个语法甘露，一个是Class()函数，一个是New()函数。使用Class()甘露，我们已经可以用非常优雅的格式定义一个类。例如前例中的：
var
Employee
=
Class(Person,
//
派生至Person类
{
Create:
function
(name, age, salary)
{
Person.Create.call(
this
, name, age);
//
调用基类的构造函数
this
.salary
=
salary;
}
,
ShowMeTheMoney:
function
()
{
alert ......
最新文章 : javascript