javascript文档中心

如果AJAX加载的数据是一个HTML片段，而且这个HTML片段还包含脚本<script>块，那么在你把这数据xmlHttp.responseText用innerHTML方法插入到当前文档一个元素中，你会发现AJAX加载回来的脚本根本没有执行。这是AJAX开发中很常见的问题，如果你不是一直在用JavaScript框架做开发，相信你早就发现这个问题了。本文分析了两个解决办法，其中一个是讲解jQuery框架的实现。
一、问题描述
下面举个简单的例子，演示问题所在。在下面的例子中，假设变量responseText就是AJAX加载的HTML片段数据，其中包含脚本弹出一条消息，用innerHTML方法插入ID为ajaxData的DIV中，你可能期望看到弹出那个消息框，结果你发现没有，问题就是这样。
<div id="ajaxData"></div>
<script type="text/javascript">
var responseText = '<p>这是一个段落</p><script>alert("这是AJAX加载回来的脚本片段")</script>';
document.getElementById('ajaxData').innerHTML = responseText;
</script>
二、两种解决办法
1、利用JavaScript的eval方法执行脚本。
本方法的具体实现思路是把xmlHttp.responseTe ......

<div id="a1" style=" position:absolute; z-index:2;"></div>
      <table width="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td><img src="白羊.jpg" alt="hi.baidu.com/liwya" onmousemove="show(event,'白羊.jpg','白羊座~')"   onmouseout="hide(this)" /></td>
     <td></td>
     <td></td>
     <td></td>
     <td><img src="金牛.jpg" alt="hi.baidu.com/liwya" onmousemove="show(event,'金牛.jpg','金牛座~')"   onmouseout="hide(this)" /></td>
     <td></td>
     <td></td>
     <td></td>
     <td><img src="双子.jpg" alt="hi.baidu.com/liwya" onmousemove="show(event,'双子.jpg','金牛座~')" &nb ......

JavaScript CSS Style属性对照表
文章来源：http://www.phplamp.org/2008/10/jsavscript-js-css-style/
为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：
JavaScript代码
<script type="text/javascript">
    function imageOver(e) {
        e.style.border="1px solid red";
    }
    function imageOut(e) {
        e.style.borderWidth=0;
    }
</script>
<img src="phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />
JavaScript中style后面的属性应该是什么？
JavaScript CSS Style属性对照表
盒子标签和属性对照
CSS语法 (不区分大小写)JavaScr ......

WebService文件：
[WebMethod]
public int DoMulti(int num1,int num2)
{
int result;
result = num1 * num2;
return result;
}
ASPX文件：
<%@ Page language="c#" Codebehind="Javascript.aspx.cs" AutoEventWireup="false" Inherits="WebTest.Javascript" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Javascript</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name=vs_defaultClientScript content="JavaScript">
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<mce:script language="javascript"><!--
function doMul(){
service.useService("http://localhost/WebServiceTest/Multi.asmx?wsdl","DoMultiService");
var parm1 = Form1.all.mul1.value;
var parm2 = F ......

我们提倡尽可能使用CSS，而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候，某些网页元素在不同的浏览器会出现不同。
如果你不知道原因，不要过于担心，请研究CSS规则并查看这篇文章:使用CSS来修正一切: 20 +常见错误和修复
。
如果这些也无效，您可以通过下面列出的12个javascript解决方案修复它，这样您的网页看起来就能跨越所有浏览器了！
在本文中，我们会揭开你在开发web应用是可能会遇到的12个最常见
的CSS问题
的javascript解决方案。
1. 自动匹配高度
自从我们抛弃了基于Table的页面布局后，创建同等高度栏目或内容盒子的视觉效果已然是一个挑战。
1.1
用jQuery设置匹配高度
这个jQuery插件在同一个容器里“平衡”盒子的高度并创造一个简介的网格——几乎从可用性和性能的角度使用简单的JavaScript替代： equalHeights()函数
测定一个容器里的所有同级元素同容器的高度，然后设置每个元素的最低高度为最高的元素的高度。
如何工作
equalHeights()通过循环测定指定元素的最高级别的子节点，然后设置他们的最小高度值为最高 ......

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>数据列表Grid的应用</title>
<link rel="stylesheet" type="text/css" href="scripts/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="scripts/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="scripts/ext/ext-all.js"></script>

   <script type="text/javascript">
     Ext.onReady(function(){ ......

执行AJAX返回HTML片段中的JavaScript脚本

执行AJAX返回HTML片段中的JavaScript脚本

执行AJAX返回HTML片段中的JavaScript脚本

One Javascript Demo

JavaScript CSS Style属性对照表

JavaScript CSS Style属性对照表

Javascript调用WebService

12种Javascript解决常见浏览器兼容问题的方法

javascript 把字符转换为json2