文档中心

于项目需要，用到其他项目组用VC开发的组件，在web后台代码无法访问这个组件，所以只好通过后台调用前台的javascript，从而操作这个组件。在网上找了找，发现有三种方法可以访问到前台代码：
第一种，OnClientClick    (vs2003不支持这个方法)
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="client_click()" OnClick="Button1_Click" />
client_click() 就是javascript的一个方法。
第二种，Button1.Attributes.Add("onclick", "return Client_Click()");
“Client_Click() “是一个前台方法，可以替换成一般的脚本如：retrun confirm('确定删除吗？')
第三种，是我自认为最灵活的一种，ClientScript.RegisterStartupScript
例子：StringBuilder sb = new StringBuilder();
        sb.Append("<script language='javascript'>");
        sb.Append("Button2_onclick('" + serverPath + "')");
        sb.Append("</script>");
      & ......

nodeName
nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释：nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点，nodeValue 属性包含文本。
对于属性节点，nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType
作用
辨识节点的DOM 型态。　
基本语法
numNodeType ＝ xmlDocNode.nodeType ;
　
说明
此属性只读且传回一个数值。
有效的数值符合以下的型别：
1-ELEMENT (元素)
2-ATTRIBUTE （属性）
3-TEXT （文本）
4-CDATA
5-ENTITY REFERENCE
6-ENTITY
7-PI (processing instruction)
8-COMMENT （注释）
9-DOCUMENT （）
10-DOCUMENT TYPE
11-DOCUMENT FRAGMENT
12-NOTATION
　
　
范例
numNodeType ＝ xmlDoc.documentElement.nodeType;
alert(numNodeType);
Node Types
节点类型
The following table lists the different W3C node types, and which node types they may have as children: ......

像上面的一张图片我们该怎么用js 和css + div 很好的应用到我们的项目中呢？
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -150px;
}
</style>
定义的css样式，仔细看InputError和其它的区别你会明白很多
看看页面是怎么定义的呢：
<div id="ceshi" class="inputLogin"></div>
<a href="javascript:checkName()" >click</a>
再看看我们的js吧
function checkName(){
var uu = document.getElementById("ceshi");
uu.className="InpuRight";
uu.innerHTML="     <font color='red'>asdfdsf</font>";
}
看看我们的一开始运行吧
再看看click后的吧
小小的研究啊，用去了我半天的时间，悔恨当初没有好好的学啊！ ......

JavaScript 获取事件对象的一个注意点
2009-7-24 上午
- JS/Ajax/AS/Flex
- event
- javascript

平时我们获取事件对象一般写法如下：
function
getEvent
(
event
)

{

return

event

||
window
.
event

// IE:window.event
}
如果没有参数，也可写成（非IE ：事件对象会自动传递给对应的事件处理函数，且为第一个参数）：
function
getEvent
()

{

return
arguments
[
0
]

||
window
.
event

// IE:window.event
}
这样的写法在除 Firefox（测试版本：3.0.12，下同）外的浏览器上运行都不会有问题，但 Firefox
为什么例外呢？让我们这样一种情形：
<button
id
=
"btn"

onclick
=
"
foo
()
"
>
按钮
</button>
<script>
function
foo
(){

var
e
=
getEvent
();
alert
(
e
);
}
</script>
运行结果在 Firefox 中是 undefined
，为什么呢？
在 Firefox 中调用其实是这样的，先调用执行的是：
function
onclick
(
event ......

page1.html为父窗口，page2.htm为子窗口。详细代码如下：
page1.html
引用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
  <title>子窗口传值给父窗口</title>
  <script language="JavaScript" type="text/javascript">
    function openWin(u, w, h) {
              var l = (screen.width - w) / 2;
              var t = (screen.height - h) / 2;
            &nb ......

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。
LivePipe 首页与下载
LivePipe 演示与示例
UKI
UKI 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。
UKI 主页与下载
UKI 控件，演示，示例
MochaUI
MochaUI 是 MooTools Javascript 框架与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。
MochaUI 主页与下载
MochaUI 控件，演示，示例
中文编译来源：锐商企业C ......

C#后台调用javascript五种方法

C#后台调用javascript五种方法

javascript中DOM节点

javascript 控制css js控制 clss

javascript 控制css js控制 clss

JavaScript 获取事件对象的一个注意点【问题】

Javascript实现子窗口向父窗口传值(转)

15 个 JavaScript Web UI 库