BlogJava-如何学好java-随笔分类-Js and Jquery 常用总结

JS中showModalDialog 详细使用

哈希 — Mon, 26 Nov 2012 04:51:00 GMT

基本介绍：
          showModalDialog()         (IE 4+ 支持)
          showModelessDialog()      (IE 5+ 支持)
          window.showModalDialog()                  方法用来创建一个显示HTML内容的模态对话框。
          window.showModelessDialog()             方法用来创建一个显示HTML内容的非模态对话框。
使用方法：
          vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
          vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：
         sURL          --  必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
         vArguments    -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过

                          window.dialogArguments来取得传递进来的参数。
         sFeatures     -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1.    dialogHeight:    对话框高度，不小于100px
2.    dialogWidth:    对话框宽度。
3.    dialogLeft:     离屏幕左的距离。
4.    dialogTop:     离屏幕上的距离。
5.    center:          { yes | no | 1 | 0 } ：              是否居中，默认yes，但仍可以指定高度和宽度。
6.    help:             {yes | no | 1 | 0 }：                是否显示帮助按钮，默认yes。
7.    resizable:       {yes | no | 1 | 0 } [IE5+]：     是否可被改变大小。默认no。
8.    status:          {yes | no | 1 | 0 } [IE5+]：      是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.    scroll:            { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。

下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10.    dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11.    edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12.    unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

参数传递：
1. 要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
-------------------------------
parent.htm

modal.htm

-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm

modal.htm

常见技巧：

一、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
　　在被打开的网页里加上就可以了。这句话一般是放在之间的。

二、怎样才刷新showModalDialog和showModelessDialog里的内容？
　　在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠

javascript了，以下是相关代码：

reload...

　　将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要

配合使用，不然你按下F5会弹出新窗口的。

三、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
　　
　　也要配合，不然会打开一个新的IE窗口，然后再关掉的。

四、Math.random与showModalDialog。

当你设置的弹出网页固定时（如上面的"modal.htm"页面），ie很可能到临时文件区，下载上次产生的该页面(openPage.html),而没有重新加载，

对于动态加载的页面来说，这样往往产生误会，如没有及时更新数据，也就更不利于开发者测试。所以，你可以采用如下方式：

var strPage = “/medal.htm?random="+Math.random();

这样每次产生的strPage是不一样的，原因也就不言自明了。

下面举两个例子

一、返回一个字符串

首先是父页面有个按钮，用来打开Modal页面userList.aspx

str就是子页面返回过来的数据，我们把它添加到父类的一个表单元素中

子页面

function getValue()
{

         var selectValue=$(":radio:checked").val();
         window.returnValue=selectValue;
         window.close();
        }

在这里我们把子页面里的值返回到父页面里就可以了，然后关闭页面就可以了

二、返回一个数据

父页面

     function openWin()
     {

        array =window.showModalDialog("demo2.aspx",window,"status:0;help:0;edge:sunken;dialogWidth=700px;dialogHeight=400px;scroll:no");

          document.getElementById("username").value=array[0];
          document.getElementById("sex").value=array[0];


    }

子页面

   function getValue()
       {
         var array=new Array();

         array[0]=document.getElementById("username").value;
         Array[1]=document.getElementById("sex").value;
         window.returnValue=array;
         window.close();
       }

返回一个数组就可以了，如果用open打开的话，在搜狗或者360浏览器打开的是一个页面或者阻拦什么的

前段时间在后台使用JS的winodw.showModalDialog来查看静态页面内容，发现不能及时显示更新后的页面内容，用open打开有时也会出现这种问题

解决办法
window.showModalDialog(getUrl+"?Rnd="+Math.random(),"","dialogWidth:600px;dialogHeight:400px;help:no;scroll:yes;center:yes;status:no;");
这样就不会有缓存了

多思考，多创新，才是正道！

哈希 2012-11-26 12:51 发表评论

Jquery操作select

哈希 — Mon, 26 Nov 2012 04:46:00 GMT

1.判断select选项中是否存在Value="paraValue"的Item
$("#selectid option[@value='paraValue']").length>0
2.向select选项中加入一个Item
$("#selectid").append("

7.设置select中第一个Item为选中
$("#selectid option").eq(0).attr('selected', 'true');

8. 得到select的当前选中项的value
$("#selectid").val();
9.得到select的当前选中项的text
$("#selectid").text();
10. 得到select的当前选中项的Index
document.getElementById("select1").selectedIndex;
$("#selectid").get(0).selectedIndex
11. 清空select的项
$("#selectid").empty();

JS版本的：

//1.判断select选项中是否存在Value="paraValue"的Item

function jsSelectIsExitItem(objSelect,objItemValue)

{

var isExit = false ;

for ( var i=0;i;I++)

{

if (objSelect.options[i].value == objItemValue)

{

isExit = true ;

break ;

}

return isExit;

}

//2.向select选项中加入一个Item

function jsAddItemToSelect(objSelect,objItemText,objItemValue, objItemPos)

{

//判断是否存在

if (jsSelectIsExitItem(objSelect,objItemValue))

{

alert( "该Item的 Value值已经存在" );

}

else

{

var varItem = new Option(objItemText,objItemValue);

// objSelect.options[objSelect.options.length] = varItem;

objSelect.options.add(varItem, objItemPos);

alert( "成功加入" );

}

//3.从select选项中删除一个Item

function jsRemoveItemFromSelect(objSelect,objItemValue)

{

//判断是否存在

if (jsSelectIsExitItem(objSelect,objItemValue))

{

for ( var i=0;i;I++)

{

if (objSelect.options[i].value == objItemValue)

{

objSelect.options.remove(i);

break ;

}

alert( "成功删除" );

}

else

{

alert( "该 select中不存在该项" );

}

//4.修改select选项中 value="paraValue"的text为"paraText"

function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)

{

//判断是否存在

if (jsSelectIsExitItem(objSelect,objItemValue))

{

for ( var i=0;i;I++)

{

if (objSelect.options[i].value == objItemValue)

{

objSelect.options[i].text = objItemText;

break ;

}

alert( "成功修改" );

}

else

{

alert( "该 select中不存在该项" );

}

//5.设置select中text="paraText"的第一个 Item为选中

function jsSelectItemByValue(objSelect,objItemText)

{

//判断是否存在

var isExit = false ;

for ( var i=0;i;I++)

{

if (objSelect.options[i].text == objItemText)

{

objSelect.options[i].selected = true ;

isExit = true ;

break ;

}

//Show出结果

if (isExit)

{

alert( "成功选中" );

}

else

{

alert( "该 select中不存在该项" );

}

//6.设置select中value="paraValue"的Item 为选中

document.all.objSelect.value = objItemValue;

//7.得到select的当前选中项的value

var currSelectValue = document.all.objSelect.value;

//8.得到select的当前选中项的text

var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

//9.得到select的当前选中项的Index

var currSelectIndex = document.all.objSelect.selectedIndex;

//10.清空select的项

document.all.objSelect.options.length = 0;

哈希 2012-11-26 12:46 发表评论

ajax

哈希 — Fri, 25 May 2012 08:43:00 GMT

网上的 Jquery ajax Demo 大多都是基于php
很少有java的今天就把自己的Demo贴出来和大家共同学习
现在就 Jquery ajax 的 $.ajax(),$.post(),$.get();

首先是服务端的Servlet 演示这三个函数的用法对都是用的同一个服务端
Java代码
package com.june.servlet;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpServletRequest;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;

public class jqueryAjaxServer extends HttpServlet {
     public jqueryAjaxServer(){
         super();
     }
     public void doGet(HttpServletRequest request,HttpServletResponse response)
     throws IOException ,ServletException {
         response.setContentType("text/html;charset=utf-8");
         PrintWriter out=response.getWriter();
         String account=request.getParameter("account");
         if("iamcrzay".equals(account)){
             out.print("Sorry,the user is exist");
         }
         else{
             out.print("Congratulation,this accont you can use!!!!");
         }
         out.close();
     }
     public void doPost(HttpServletRequest request,HttpServletResponse response)
     throws IOException ,ServletException {
         this.doGet(request, response);
     }
}

package com.june.servlet;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpServletRequest;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;

public class jqueryAjaxServer extends HttpServlet {
     public jqueryAjaxServer(){
    super();
     }
     public void doGet(HttpServletRequest request,HttpServletResponse response)
     throws IOException ,ServletException {
    response.setContentType("text/html;charset=utf-8");
    PrintWriter out=response.getWriter();
    String account=request.getParameter("account");
    if("iamcrzay".equals(account)){
       out.print("Sorry,the user is exist");
    }
    else{
       out.print("Congratulation,this accont you can use!!!!");
    }
    out.close();
     }
     public void doPost(HttpServletRequest request,HttpServletResponse response)
     throws IOException ,ServletException {
    this.doGet(request, response);
     }
}

下面是WEB.XML
Xml代码

    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

       jqueryAjaxServer
       com.june.servlet.jqueryAjaxServer


       jqueryAjaxServer
       /jqueryAjax


    index.jsp

xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

    jqueryAjaxServer
    com.june.servlet.jqueryAjaxServer


    jqueryAjaxServer
    /jqueryAjax

    index.jsp

下面是Jsp页面
第一个是 jqueryAjax.jsp 本页使用的是$.ajax()
Html代码
<%@ page language="java" pageEncoding="utf-8"%>


    jquery ajax

jquery AjaX

                请输入用户名：

<%@ page language="java" pageEncoding="utf-8"%>

    jquery ajax

jquery AjaX

                请输入用户名：

第二个用的是 $.post()

Html代码
<%@ page language="java" pageEncoding="utf-8"%>


    jquery ajax

jquery Ajax

                请输入用户名：

<%@ page language="java" pageEncoding="utf-8"%>

    jquery ajax

jquery Ajax

                请输入用户名：

第三个是用的$.get()

Html代码
<%@ page pageEncoding="utf-8"%>


    jquery get

jquery AjaX

                请输入用户名：

哈希 2012-05-25 16:43 发表评论

js导出Excel

哈希 — Tue, 28 Feb 2012 10:16:00 GMT

apache-comcat配置虚拟主机和虚拟目录 jquery autocomplete 自动填充文本框、文本域
JS 导出excel,word实例 2011-10-10 11:55:00| 分类：默认分类 | 标签：js excel word |字号大
中
小订阅
用js操作offace中的word,excel 必须首先确保你已经安装office，用js操作word，excel 用到了ActiveXObject类，它是专门用来调用windows操作中的程序的，下面是例子，直接复制到文本文件里，把后缀名改了就可以运行！

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

无标题文档

nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao
nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao
nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao
nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao
nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao	nihao

哈希 2012-02-28 18:16 发表评论

ajax学习相关的好网址

哈希 — Fri, 24 Feb 2012 15:30:00 GMT

http://www.wujianrong.com/archives/2007/05/20jspajax.html      简单用例
http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/          IBM—Ajax讲解
http://www.w3schools.com/ajax/ajax_example.asp                     Ajax—Example W3CSchol

">

JSP Page using AJAX

Server Date Time:

Server Date Time will replace this text.

index.jsp

<%=new java.util.Date()%>

ajax.js
function createRequestObject(){
var req;
if(window.XMLHttpRequest){
//For Firefox, Safari, Opera
req = new XMLHttpRequest();
}
else if(window.ActiveXObject){
//For IE 5+
req = new ActiveXObject("Microsoft.XMLHTTP");
}
else{
//Error for an old browser
alert('Your browser is not IE 5 or higher, or Firefox or Safari or Opera');
}

return req;
}

//Make the XMLHttpRequest Object
var http = createRequestObject();

function sendRequest(method, url){
if(method == 'get' || method == 'GET'){
http.open(method,url);
http.onreadystatechange = handleResponse;
http.send(null);
}
}

function handleResponse(){
if(http.readyState == 4 && http.status == 200){
var response = http.responseText;
if(response){
document.getElementById("ajax_res").innerHTML = response;
}
}
}
run this application may be u get some clue

哈希 2012-02-24 23:30 发表评论

jquery ajax servlet

哈希 — Fri, 24 Feb 2012 08:16:00 GMT

假设：
1、你的页面在Web-Root下，内容为：  
，所用编码为utf-8
2、你的servlet为：  HelloWorldServlet.java  映射路径为   servlet/helloWorldServlet
步骤：
1、引入jquery-1.6.4.min.js
2、编写id为userName的输入框的点击触发函数：
      $("#userName").keyup(function(){
            $.ajax({
                  type: "post",
                  url: "servlet/helloWorldServlet?userName="+$(this).val(),
                  dataType: "json",
                  success: function(data){
                        $("#showMsg").html(data.msg);//修改id为showMsg标签的html
                  }, error: function(){
                        alert("请求出错");
                  }
            })
      })
3、后台处理接收到的内容：
      request.setCharactorEncoding("utf-8");
      String userName = request.getParameter("userName");
      response.setCharactorEncoding("utf-8");
      PringWriter out = response.getWriter();
      out.print("{\"msg\":\"你好~~"+userName+"!\"}");

注意事项：
1、这里的编码统一为utf-8
2、请求路径servlet/helloWorldServlet为相对路径，因此你的页面必须在项目的Web-Root下（也就是默认的web文件夹下，名字可能因项目配置不同而改变）

网上的 Jquery ajax Demo 大多都是基于php 
很少 有java的 今天就把自己的Demo贴出来 和大家共同学习 
现在就  Jquery ajax 的 $.ajax(),$.post(),$.get(); 

首先是  服务端的Servlet 演示这三个函数的用法对都是用的同一个 服务端

 package com.june.servlet;   
  
import javax.servlet.http.HttpServlet;   
import javax.servlet.http.HttpServletResponse;   
import javax.servlet.http.HttpServletRequest;   
import java.io.IOException;   
import java.io.PrintWriter;   
import javax.servlet.ServletException;   
  
public class jqueryAjaxServer extends HttpServlet {   
     public jqueryAjaxServer(){   
         super();   
     }   
     public void doGet(HttpServletRequest request,HttpServletResponse response)   
     throws IOException ,ServletException {   
         response.setContentType("text/html;charset=utf-8");   
         PrintWriter out=response.getWriter();   
         String account=request.getParameter("account");   
         if("iamcrzay".equals(account)){   
             out.print("Sorry,the user is exist");   
         }   
         else{   
             out.print("Congratulation,this accont you can use!!!!");   
         }   
         out.close();   
     }   
     public void doPost(HttpServletRequest request,HttpServletResponse response)   
     throws IOException ,ServletException {   
         this.doGet(request, response);   
     }   
}

下面是Jsp页面
第一个是 jqueryAjax.jsp 本页使用的是$.ajax()
Html代码
<%@ page language="java" pageEncoding="utf-8"%>


    jquery ajax

jquery AjaX

                请输入用户名：

<%@ page language="java" pageEncoding="utf-8"%>

    jquery ajax

jquery AjaX

                请输入用户名：

第二个用的是 $.post()

Html代码
<%@ page language="java" pageEncoding="utf-8"%>


    jquery ajax

jquery Ajax

                请输入用户名：

<%@ page language="java" pageEncoding="utf-8"%>

    jquery ajax

jquery Ajax

                请输入用户名：

第三个是用的$.get()

Html代码
<%@ page pageEncoding="utf-8"%>


    jquery get

jquery AjaX

                请输入用户名：

<%@ page pageEncoding="utf-8"%>


    jquery get

jquery AjaX

                请输入用户名：

http://iamcrzay.iteye.com/blog/237940

哈希 2012-02-24 16:16 发表评论

页面传递数组参数

哈希 — Mon, 20 Feb 2012 14:16:00 GMT

1、将数组转化成字符串，用特殊字符如“|”将数组的元素隔开，用普通的字符串参数传递

2、使用json方式传递参数

解析

C#后台得到的是个string
string objStr = HttpContext.Current.Request["objStr"];

objStr内容([{"0": "a", "1": "b", "2": "c", "3": "d"}, {"0": "aa", "1": "bb", "2": "cc", "3": "dd"}{"0": "aa", "1": "bb"}])

///

/// 从JS数组中解析出JSON对象返回该对象的字符串表示
///

///
///
private static string GetJsonStr(string ArrayStr)
{
//ArrayStr="[{'0': 'a', '1': 'b', '2': 'c', '3': 'd'},{'0': 'aa', '1': 'bb', '2': 'cc', '3': 'dd'},{'0': 'aa', '1': 'bb'}]";
string StrJson = ArrayStr;

//将"[{"和"}]"去除；
//StrJson="'0': 'a', '1': 'b', '2': 'c', '3': 'd'},{'0': 'aa', '1': 'bb', '2': 'cc', '3': 'dd'},{'0': 'aa', '1': 'bb'";
StrJson = StrJson.Substring(2, StrJson.Length - 4);

//将“},{”替换为“|”便于分割成数组
//StrJson="'0': 'a', '1': 'b', '2': 'c', '3': 'd'|'0': 'aa', '1': 'bb', '2': 'cc', '3': 'dd'|'0': 'aa', '1': 'bb'";
StrJson = StrJson.Replace("},{", "|");

//以“|”为分隔符将每个JSON对象分割成字符串
/*结果为：strjson[0]="'0': 'a', '1': 'b', '2': 'c', '3': 'd'";
strjson[1]="'0': 'aa', '1': 'bb', '2': 'cc', '3': 'dd'";
strjson[2]="'0': 'aa', '1': 'bb'";*/
return StrJson.Split('|');
}

哈希 2012-02-20 22:16 发表评论

ask.jsp—answer.jsp静态页面传值

哈希 — Sun, 19 Feb 2012 04:56:00 GMT

ask.jsp

Open http://www.dwww.cn

answer.jsp

Values:

value 1

value 2

哈希 2012-02-19 12:56 发表评论

a href 不让页面跳转

哈希 — Fri, 17 Feb 2012 05:22:00 GMT

a href 不让页面跳转

不可以跳转

location.href不跳转测试1   
onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试2   
 

可以跳转
  onclick="javascript:ToUrl('http://www.jingzhengli.cn');return false;">
location.href不跳转测试3   

location.href不跳转测试4   

location.href不跳转测试5

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/muzai/archive/2010/11/22/6026786.aspx

哈希 2012-02-17 13:22 发表评论

js 页面跳转方式

哈希 — Thu, 16 Feb 2012 15:09:00 GMT

第一种：


第二种：


第三种：


第四种：


第五种：

哈希 2012-02-16 23:09 发表评论

js 显示隐藏列

哈希 — Wed, 15 Feb 2012 03:08:00 GMT

显示隐藏列

00	01	02
10	11	12
20	21	22

哈希 2012-02-15 11:08 发表评论

进度条

哈希 — Tue, 17 Jan 2012 07:15:00 GMT

项目进度：

')" style="float:left;background-color:#dde5ea;cursor:hand;margin-top:6px;float:left;width:120px;; height:20; border:1px solid #C7DBF4;" >

%; height:20px; background-color: #33CC00; float:left">

哈希 2012-01-17 15:15 发表评论

Grid 中调用模式窗口

哈希 — Sat, 24 Dec 2011 07:58:00 GMT

{sName: "productId","bSortable":false, "sColumnDataType":'link',
"sColumnDataTypePro":{'url':"javascript:findmodel('/k4_oldGoldStorsge/oldGoldDetail/{id}');",'name':'productId'},aTargets: [2]},

function findmodel(url){
var rs = window.showModalDialog(url,"dialogWidth=" + 500 + "px;dialogHeight=" + 90 + "px");
}

哈希 2011-12-24 15:58 发表评论

ajax json级联

哈希 — Wed, 21 Dec 2011 07:49:00 GMT

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>

$(function(){$("#sendAddress").change(function(){

    var sendAddress=$("#sendAddress").val();
    getCustomerInfo(sendAddress);
    });
  });
  //出货方信息填充
  function getCustomerInfo(id){
       //alert(id);
        $.ajax({
             type: 'get',
             url: "<c:url value='/k4_oldGoldStorsge/getCustomerInfoByAddressId/'/>"+id,
             dataType: 'json',
             success: function(data) {
                alert(data.name);
                $("#supplyer").val(data.linkman);
                $("#supplyIdentityCard").val(data.identification);
                $("#supplyerMobile").val(data.mobile);
                $("#supplyerPhone").val(data.tel);
                //$("#").val(data.);
            }
        });
    }



    $(function(){$("#outStorageList").change(function(){

    var outStorageList=$("#outStorageList").val();
    //alert(outStorageList);
    //getCustomerInfo(sendAddress);
     getAddressList(outStorageList)
    });
  });




    function getAddressList(id){
       //alert(id);
        $.ajax({
             type: 'get',
             url: "<c:url value='/k4_oldGoldStorsge/getAddressByCustomerId/'/>"+id,
             dataType: 'html',
             success: function(data) {
              var address=eval(data);
             //遍历取值
              $.each(address,function(i,n){
                 $("#getAddress").append($("<option value='"+address[i].id+"'>option>").text(address[i].address));
              });
            }
        });
    }



     $(function(){$("#getAddress").change(function(){
         var sendAddress=$("#getAddress").val();
         getMenInfo(sendAddress);
       });
     });



    function getMenInfo(id){
        $.ajax({
             type: 'get',
             url: "<c:url value='/k4_oldGoldStorsge/getCustomerInfoByAddressId/'/>"+id,
             dataType: 'json',
             success: function(data) {
                $("#receiver").val(data.linkman);
                $("#receiverIdentityCard").val(data.identification);
                $("#receiverMobile").val(data.mobile);
                $("#receiverPhone").val(data.tel);
                //$("#").val(d

/**
     * 收货方ID获取地址信息
     * @return
     */
    public void getAddressByCustomerId(String id) {
        List<Address> list=new ArrayList<Address>();
        list=oldGoldStorageService.findAddressList(id);
        StringBuilder json = new StringBuilder();
        json.append("[");
        for (int i = 0; i < list.size()-1; i++) {
            json.append("{'id':'").append(list.get(i).getId()).append("',");
            json.append("'address':'").append(list.get(i).getAddressDeatil()).append("'},");
        }
        json.append("{'id':'").append(list.get(list.size()-1).getId()).append("',");
        json.append("'address':'").append(list.get(list.size()-1).getAddressDeatil()).append("'}");
        json.append("]");
        System.out.println(json);
        this.renderJSON(json.toString());
    }

ata.);
            }
        });
    }

"text/javascript">
$(document).ready(function(){
var url='TypeGet?d='+Math.random();/*使用随机数解决jquery的缓存问题*/
$.get(url,
function dedit(data){
var m=eval(data);
$.each(m, function(i) {
//alert(s[i]);
$('#pselect').append('+m[i].no+'">' + m[i].name+ '');
});
});

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
request.setCharacterEncoding("UTF-8");/*解决中文乱码的问题*/
response.setCharacterEncoding("UTF-8");
ArrayList result=new ArrayList();
Connection conn=null;
Statement st=null;
ResultSet rs=null;
try{
conn=DBConnection.getConnection();
st=conn.createStatement();
rs=st.executeQuery("select * from ddpms_devicetype order by name");
while(rs.next()){
DevicetypeBean dt=new DevicetypeBean();
dt.setNo(rs.getInt("no"));
dt.setName(rs.getString("name"));
result.add(dt);
}
}catch(Exception e){
e.printStackTrace();
}
finally{
try{
rs.close();
st.close();
conn.close();
}catch(Exception e){
e.printStackTrace();
}
}
response.setContentType("text/html");
PrintWriter out= response.getWriter();
out.write(toString(result));
}
public String toString(ArrayList s)
{
String str="[";
for(int i=0;i
DevicetypeBean dt=(DevicetypeBean)s.get(i);
str+="{'no':'"+dt.getNo()+"','name':'"+dt.getName()+"'},";
}
str=str.substring(0,str.length()-1)+"]";
return str;
}

$(function(){$("#logisticsDistributionBook").click(function()
        {
      var checkValues=getCoulmnValue(oTable, 'id');
     // alert(checkValues);
      var aoData = new Array();
      aoData.push( { "name": "ids", "value":checkValues } );
      if(isEmpty(checkValues)){
           showInfo("请选择需要处理的数据行！");
   return false;
        }else if(!isEmpty(checkValues)){
         $.ajax({
          type: 'post',
          url: "",
          dataType: 'json',
          data: aoData,
          success: function(data) {
          //alert(data);
          if(parseInt(data)>=1){
             //alert(data);
             showInfo("必须全部选择没有生成过物流配送书的数据！");
             return;
             }else if (checkProductId()) {
            getHidVal(checkValues);
            }
            }
             });
        }
       });
    });

public void checkDispatchStatusId(String type, String id) {
  String myid = request().getParameter("ids");
  String[] ids = myid.split(",");
  int count = 0;
  if ("make".equals(type)) {
   count = oldGoldStorageService.findNumofDispatch(myid);
  }
  this.printHtml(count);
}

这两篇也不错！
http://tochal.iteye.com/blog/722265

http://blog.csdn.net/huhai463127310/archive/2009/11/29/4901654.aspx

哈希 2011-12-21 15:49 发表评论

所有执行Action的方法

哈希 — Thu, 15 Dec 2011 07:57:00 GMT

function savesettle(){
    $("#saveSettle").attr("action","");

    $("#saveSettle").submi

注意：#id 取值于——form表单的ID值

t();
}

哈希 2011-12-15 15:57 发表评论

改变状态

哈希 — Thu, 15 Dec 2011 07:54:00 GMT

/**
* 修改状态
*/
function changeStates(flag) {
if(flag == 1){
  if(confirm('确认审批是否通过？')){
   saveStates(flag,"");
  }
}else if(flag == 4){
  if(confirm('确认付款？')){
   saveStates(flag,"");
  }
}else{
  saveStates(flag,"");
}
}
//审批数据提交
function saveStates(flag,url){
$.ajax({
    type: 'get',
    url: ""+flag+"/",
    dataType: 'html',
    success: function(data){
     if(data > 0){
       showInfo("操作成功");
    window.location.href=url;
     }else{
       showError("操作失败");
    return false;
     }
    }
});
}

$(document).ready(function () {
ConvertMoney();
});
/**
* 修改状态
*/
function changeStates(states) {
$.ajax({
    type: 'get',
    url: ""+states+"/",
    dataType: 'html',
    success: function(data){
     if(data > 0){
       showInfo("操作成功");
       if(states == 1){
        url = "";
       }
       if(states == 2){
        url = "";
       }
       if(states == 3){
        url = "";
       }
       if(states == 4){
        url = "";
       }
       window.location.href = url;
    query();
     }else{
       showError("操作失败");
    return false;
     }
    }
});
}

function create() {
  var checkValues = getCoulmnValue(oTable,'key');
  if(isEmpty(checkValues)){
   showInfo("è¯·éæ©è¦ç»ç®—çè¡");
   return false;
  } else {
   checkSettle(checkValues);
  }
}
//ç»ç®—æ£æ¥
function checkSettle(checkValues){
  $.ajax({
     type: 'get',
     url: ""+checkValues,
     dataType: 'html',
     success: function(data){
      if(data == '1'){
     window.location.href=""+checkValues;
      }else{
        showInfo("åªè½å¯¹åä¸å®¢æ·è¿è¡ç»ç®—");
     return false;
      }
     }
   });
}

function changeStates(flag) {
  var checkValues = getCoulmnValue(oTable,'key');
  if(isEmpty(checkValues)){
   showInfo("è¯·éæ©æ°æ®");
   return false;
  } else {
   if(flag == 1){
    if(confirm('ç¡®è®¤å®¡æ¹æ¯å¦éè¿ï¼')){
     saveStates(flag,checkValues);
    }
   }else if(flag == 4){
    if(confirm('ç¡®è®¤ä»æ¬¾ï¼')){
     saveStates(flag,checkValues);
    }
   }else{
    saveStates(flag,checkValues);
   }
  }
}
//å®¡æ¹æ°æ®æäº¤
function saveStates(flag,checkValues){
  $.ajax({
     type: 'get',
     url: ""+flag+"/"+checkValues,
     dataType: 'html',
     success: function(data){
      if(data > 0){
        showInfo("æä½æå");
     query();
      }else{
        showError("æä½å¤±è´¥");
     return false;
      }
     }
  });
}

function changeStates(states) {
  var checkValues = getCoulmnValue(oTable,'key');
  if(isEmpty(checkValues)){
   showInfo("è¯·éæ©æ°æ®");
   return false;
  } else {
   $.ajax({
      type: 'get',
      url: ""+states+"/"+checkValues,
      dataType: 'html',
      success: function(data){
       if(data > 0){
         showInfo("æä½æå");
      query();
       }else{
         showError("æä½å¤±è´¥");
      return false;
       }
      }
    });
  }
}

哈希 2011-12-15 15:54 发表评论

分别控制表格每列对齐方式（jQuery）

哈希 — Thu, 15 Dec 2011 02:49:00 GMT

哈希 2011-12-15 10:49 发表评论

jquery option取值

哈希 — Thu, 15 Dec 2011 01:43:00 GMT

<td class="tablealignleft" >
                                            <select id="status" name="status">
                                                    <option value="">全部option>
                                                    <c:forEach var="sta" items="${statusList}">
                                                        <option value=""${sta.id}">"><c:out value="${sta.name}">c:out>option>
                                                    c:forEach>

                                            select>
                                        td>

jQuery获取Select选择的Text和Value:
1. $("#select_id").change(function(){//code});    //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text
3. var checkValue=$("#select_id").val();   //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值
jQuery添加/删除Select的Option项：
1. $("#select_id").append("Text");   //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("请选择");   //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option
内容清空：
$("#charCity").empty();

$(function(){$("#status").change(function(){
       var sdelectValue=$("#status").val();
       alert(sdelectValue);
       getCustomerInfo(sdelectValue)
   });
});

   function getCustomerInfo(id){
       alert(id);
        $.ajax({
          type: 'get',
          //url: ""+id,
          url: ""+id,
          dataType: 'json',
          success: function(data) {
             alert(data.receivername);
             $("#receiveName").val(data.receivername);   //name
             $("#description").val(data.description);        //code
             $("#receiverId").val(data.account);     //account
             $("#receiverPhone").val(data.receiverTelephone); //telephone
             //$("#").val(data.);
         }
        });
}

哈希 2011-12-15 09:43 发表评论

ajax 赋值

哈希 — Thu, 15 Dec 2011 01:37:00 GMT

哈希 2011-12-15 09:37 发表评论

List空指针异常

哈希 — Mon, 05 Dec 2011 14:14:00 GMT

好久没用List去保存一个JDBC查询结果，查询出来的ResultSet只执行了一次，然后就报NullPointException。明明数据库中有数据，就是执行不了第二次，一到把对象添加到list上面就直接报异常，郁闷了半天。

Java代码

public List getTerm(String user){
List termlist= null;//这里出现问题，没有new一个List
//改为List termlist= new ArrayList();，
//new一个ArrayList就没事了，日，以前初学的时候也得过这种问题...汗
try {
con = DBPool.getPool().getConnection();
ps =con.prepareStatement("select * from gps_termcodetable where kh_user=?");
ps.setString(1, user);
rs = ps.executeQuery();
while(rs.next()){
Terminal term = new Terminal();
String number = rs.getString("hm_number");
String nick = rs.getString("mc_nick");
term.setZhNumber(number);
term.setLisence(rs.getString("mc_nick"));
termlist.add(term);
}
rs.close();
ps.close();
con.close();
} catch (SQLException ex) {
Logger.getLogger(GetTerminal.class.getName()).log(Level.SEVERE, null, ex);
}
return termlist;
}

public List getTerm(String user){
            List termlist= null;//这里出现问题，没有new一个List
            //改为List termlist= new ArrayList();，
              //new一个ArrayList就没事了，日，以前初学的时候也得过这种问题...汗
                        try {
                con = DBPool.getPool().getConnection();
                ps =con.prepareStatement("select * from gps_termcodetable where kh_user=?");
                ps.setString(1, user);
                rs = ps.executeQuery();
                while(rs.next()){
                    Terminal term = new Terminal();
                    String number = rs.getString("hm_number");
                    String nick = rs.getString("mc_nick");
                    term.setZhNumber(number);
                    term.setLisence(rs.getString("mc_nick"));
                    termlist.add(term);
                }
                rs.close();
                ps.close();
                con.close();
            } catch (SQLException ex) {
                Logger.getLogger(GetTerminal.class.getName()).log(Level.SEVERE, null, ex);
            }
         return termlist;
    }

后面才发现没有new一个ArrayList,郁闷了，还犯这种错误，久了没用也会生疏

哈希 2011-12-05 22:14 发表评论

正则表达式

哈希 — Wed, 30 Nov 2011 03:46:00 GMT

方法一：
var re=/正则表达式/;
re.test($("txtid").val())

方法二：
$("txtid").val.match(/正则表达式/)；

验证数字的正则表达式集（转载）
验证数字：^[0-9]*$
验证n位的数字：^\d{n}$
验证至少n位数字：^\d{n,}$
验证m-n位的数字：^\d{m,n}$
验证零和非零开头的数字：^(0|[1-9][0-9]*)$
验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$
验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$
验证非零的正整数：^\+?[1-9][0-9]*$
验证非零的负整数：^\-[1-9][0-9]*$
验证非负整数（正整数 + 0） ^\d+$
验证非正整数（负整数 + 0） ^((-\d+)|(0+))$
验证长度为3的字符：^.{3}$
验证由26个英文字母组成的字符串：^[A-Za-z]+$
验证由26个大写英文字母组成的字符串：^[A-Z]+$
验证由26个小写英文字母组成的字符串：^[a-z]+$
验证由数字和26个英文字母组成的字符串：^[A-Za-z0-9]+$
验证由数字、26个英文字母或者下划线组成的字符串：^\w+$
验证用户密码:^[a-zA-Z]\w{5,17}$ 正确格式为：以字母开头，长度在6-18之间，只能包含字符、数字和下划线。
验证是否含有 ^%&',;=?$\" 等字符：[^%&',;=?$\x22]+
验证汉字：^[\u4e00-\u9fa5],{0,}$
验证Email地址：^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
验证InternetURL：^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ；^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
验证电话号码：^($\d{3,4}$|\d{3,4}-)?\d{7,8}$：--正确格式为：XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。
验证身份证号（15位或18位数字）：^\d{15}|\d{}18$
验证一年的12个月：^(0?[1-9]|1[0-2])$ 正确格式为：“01”-“09”和“1”“12”
验证一个月的31天：^((0?[1-9])|((1|2)[0-9])|30|31)$ 正确格式为：01、09和1、31。
整数：^-?\d+$
非负浮点数（正浮点数 + 0）：^\d+(\.\d+)?$
正浮点数 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮点数（负浮点数 + 0） ^((-\d+(\.\d+)?)|(0+(\.0+)?))$
负浮点数 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮点数 ^(-?\d+)(\.\d+)?

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
HEAD>
<script language=JavaScript>
  function warn(){
     var num=document.getElementById("num").value;

     var pattern=/^[0-9]{1,20}$/;
    if(num.match(pattern)==null || num==""){
      alert("请输入正整数！");
      return false;
    }
   }
   script>
<BODY>
  <form  onsubmit="return warn()" action="Noname1.html" method="post">

      <input type="text" id="num"/>

      <input type ="submit" value="submit" />
      <input type="button" value="nihao" onclick="warn()">
      <input type="button" id="weituo2" value="返回"  onclick="warn()">
  form>
BODY>
HTML>

哈希 2011-11-30 11:46 发表评论

花园宝宝

哈希 — Sun, 27 Nov 2011 14:00:00 GMT

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

无标题文档

我喜欢...

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

无标题文档

哈希 2011-11-27 22:00 发表评论

多选反选

哈希 — Sun, 27 Nov 2011 13:54:00 GMT

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

无标题文档

哈希 2011-11-27 21:54 发表评论

showModalDialog

哈希 — Sun, 27 Nov 2011 13:34:00 GMT

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>
<script language="javascript">
    function show(){
        var value=window.showModalDialog("b.html","","dialogWidth:200px;dialogHeight:200px;");
        document.write("

"+value+"

");
}
script>
head>

<body onload="show()">

<!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>
<script language="javascript">
    function pass(author){
        window.returnValue=author;
        window.close();//关掉
    }
script>
head>

<body>
    <a href="javaScript:pass('大仲马')">大仲马a><br/>
    <a href="javaScript:pass('小仲马')">小仲马a><br/>
body>
html>

body>
html>

哈希 2011-11-27 21:34 发表评论

级联

哈希 — Sun, 27 Nov 2011 13:29:00 GMT

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

无标题文档

哈希 2011-11-27 21:29 发表评论

浮动

哈希 — Sun, 27 Nov 2011 13:28:00 GMT

无标题文档

  http://www.xinzhanedu.com">

哈希 2011-11-27 21:28 发表评论

DIV 分层

哈希 — Sun, 27 Nov 2011 13:24:00 GMT

b

无标题文档

这是一个黄层

这是一个蓝层

哈希 2011-11-27 21:24 发表评论

js大复习（从基础的开始）

哈希 — Mon, 02 May 2011 04:39:00 GMT

1、很难理解输出形状吗？
其实很简单，不要被它吓懵了，首先你要明白输出，就是按行执行的，而且有顺序的输出，好了，要什么形状先画出来，总结规律，写代码依次输出就OK了,如金字塔
。。。。。*
。。。。* * *
。。。* * * * *
这样理解：左边输出一个梯形，ok，5,4,3，右边三角形1,3,5，for(int i=0;i<3;i++)这是行数，每行要转弯
,for(int j=5;j>3;j--)这是“。”的输出规律,for(int k=1;k<=2i-1;k++);这样就出来了！

js输出金字塔

2、日历的输出:

日历  ");
25         }
26         else{
27             document.write(cd+"  ");
28         }
29
30         //星期六换行
31         if(time.getDay()==6){
32             document.write("
");
33         }
34         tmp++;
35         time.setDate(tmp);
36     }
37 script>

3、数组的使用

数组的使用

4、

不间断的字幕

5、

哈希 2011-05-02 12:39 发表评论

MyEclipse断点调试JavaScript

哈希 — Sun, 01 May 2011 13:28:00 GMT

MyEclipse断点调试JavaScript向你介绍了使用MyEclipse断点来调试JavaScript，希望对你有所帮助。

MyEclipse断点调试JavaScript我们可以从以下的几个步骤来说明：

1.在站点下准备两个文件：1.js和index.html,在index.html中引入1.js,点击index.html中的按钮，就会调用1.js中的test()方法:

xml 代码

    
        ﹤html﹥  
        ﹤head﹥  
        ﹤meta http-equiv="Content-Type" content="text/html; charset=gb2312" /﹥  
        ﹤/head﹥  
        ﹤script type='text/javascript' src='./1.js'﹥﹤/script﹥  
        ﹤body﹥  
        ﹤input type="button" name="t" value="测试" onclick="test()"/﹥  
        ﹤/body﹥  
        ﹤/html﹥

2.启动tomcat后，用myEclipse的web2.0浏览器浏览页面：

MyEclipse断点调试JavaScript浅析图1

3.在web2.0浏览器中，输入页面地址，出现页面后，点击工具栏中的“js调试”按钮，这时会在“Javascript Scripts Inspector”窗口中列出当前页面设计的所有js文件。选择需要断点调试的js文件，双击进入。

MyEclipse断点调试JavaScript浅析图2

4.进入到1.js文件后，就可以给js代码加断点了：

MyEclipse断点调试JavaScript浅析图3

5.这时再回到刚才web2.0的浏览页面，点击按钮，调用1.js中的test()方法，系统就会自动跳转到调试状态，并定位到1.js中刚才设置断点的位置了。

（我用的是myEclipse5，不知道5之前的版本可不可以这样）

MyEclipse断点调试JavaScript就向你介绍到这里,希望对你有所帮助。

哈希 2011-05-01 21:28 发表评论

创建网站

哈希 — Fri, 29 Apr 2011 16:24:00 GMT

第2章创建网站

双击自动滚屏/单击停止

字号：[大中小]

　　本章教学目标

　　在使用Dreamwear制作网页之前，必须首先创建网站或打开网站，此时Dreamwear会自动将所有网站资源（HTML文档、图片、动画、声音、程序等）都保存到网站文件夹中，从而保证网站发布后网页上的所有元素可以正常浏览。本章教学目标：

学习设计、创建网站的基本步骤
使用Dreamwear 建立本地站点操作方法
使用Dreamwear 建立远程站点的操作方法

本章主要内容

　　本章动画演示

· 建立本地站点

· 建立远程站点

2.1 规划网站

　在建立网站与制作网页之前首先要规划站点：

① 规划站点结构：合理的站点结构可以加快对站点的设计，提高工作效率。

用文件夹保存文档：首先建一个根文件夹，然后在其中建若干子文件夹,分类存放网站全部文档。
使用合理的文件名：文件夹名称与文件名称，用容易理解网页内容的英文名（或拼音），最好不要使用大写或中文。这是由于很多网站使用Unix操作系统，该操作系统对大小写敏感，且不能识别中文文件名。
合理分配文档资源：不同的对象放在不同的文件夹中。不要将与网页制作无关的文件放置在该文件夹中。

② 规划站点导航机制：提供清晰易懂的浏览方法，采用统一的网页组织形式，引导用户轻松访问网站。

建立返回主页链接：在每个页面上设置，避免迷失方向。
显示网站专题目录：每一页面都应提供网站简明目录结构，引导用户快速进入。
显示当前位置：在显著位置上标出当前页在网站中的位置。
搜索索引反馈：数据网站应设搜索功能。
反馈：设置管理员email信箱、意见反馈表单等功能。

③ 构建整体的站点风格：网站中网页风格应该统一，使网站特点鲜明，突出主题。

风格统一：在多个网页上重复出现标识网站特征的某些对象。
使用模板和库：快速批量创建相同风格的网页。

2.2 创建本地站点　

　　在制作网页之前，必须首先创建网站或打开网站，此后Dreamwear会自动将所有网站资源（HTML文档、图片、动画、声音、程序等）都保存到网站文件夹中，从而保证网站发布后网页上的所有元素可以正常浏览。网站分为本地站点（网站存放在本机硬盘上）与远程站点（网站存放在用于发布网站的服务器端）。

　　使用dreamwear创建创建本地站点方法如下：

1.打开站点定义”对话框。

　打开Dreamwear 选取站点菜单→选取管理站点项目→点击新建按钮→选取站点项目

2.给站点命名

　选取站点名称文本方块，输入站点名称

3.选取或建立站点文件夹

　点击浏览文件夹按钮→点击创建新文件夹按钮→输入新建的站点文件夹名后，选择该文件夹→点击打开按钮→点击选择按钮

4.选取或建立默认图像文件夹

　选取默认图像文件夹文本框→点击浏览文件夹按钮→打开新建的站点文件夹→点击创建新文件夹按钮→输入图象文件夹名(images)后，选取该文件夹→点击打开按钮→点击选择按钮

5.设置访问本机网站的Http地址

　选取HTTP 地址文本框→输入访问本机网站时的地址→点击确定按钮→点击完成按钮

　练习2-1
1.在本机硬盘上创建一个本地站点，文件夹名用mysite，Http地址为
http://localhost/mysite　　站点名用自己姓名拼音缩写。
2.在本地站点创建一个新文件夹（如Image)，用于存放图形文件。
3.在根文件夹下创建一个新文件。命名为default.htm,输入一些内容。
4.按F12键预览网页

2.3 创建远程站点　

　　在创建了本地站点之后，使用[定义站点]命令设置或改变远程服务器信息。

1.打开站点定义中远程信息设置对话框。

　选取站点菜单 → 选取管理站点项目 → 选取要编辑的网站 → 点击编辑按钮 → 选取远程信息项目

2.设置访问类型

　选取访问框进行设置

[无]：如果不计划将站点上载到一个服务器时选择该项。
[本地/网络]：如果web服务器被映射为一个网络驱动器，或者是在本地机上运行web服务，选择该项。
[FTP]：若要使用FTP连接到Web服务器，选择该项。

3.设置远端文件夹

　点击浏览文件夹按钮 →选取本地磁盘 (C:)项目→打开 Inetpub 文件夹→打开 wwwroot 文件夹→点击创建新文件夹按钮→输入文件夹名mysite（该文件夹名即为远程网站名）→点击选择按钮

4.设置其它参数

如果需要在添加和删除文件时[站点]窗口的[远端站点]栏可以自动更新，选取[自动刷新远程文件列表]选项。如果要提高向远程站点拷贝文件的速度，请不要选定该选项。（若要在任何时候手工刷新[站点]窗口，点击[站点]窗口的[刷新]按钮。）
如果在协作环境中工作，则可以使用存回/取出系统在本地和远程站点之间传输文件。当文件取出后，Dreamweaver 会在“站点”面板上显示取出该文件的人员的名称，并且在该文件的图标旁显示选中标记。存回文件后本地版本将变为只读，一个锁形符号出现在“站点”面板上该文件的旁边，以防止更改该文件
如果只有一个人在远程站点上工作，则可以使用“获取”和“上传”命令传输文件，而不用存回或取出文件。

5. 点击“确定”按钮后点击“完成”按钮

2.4 设置本地计算机为可访问服务器

　如果要使本地计算机作为服务器接受访问，需要安装服务器程序（例如微软的PWS或IIS）并启动网站．
一．启动网站方法：

1) 在已安装IIS的计算机上，选择开始→设置→控制面板→管理工具→Internet信息服务，打开如下面板

2) 选择网站下的默认网站，点击＂启动＂按钮

二．在本地计算机发布网站方法

方法一：
1) 在Dreamwear中将远程站点设置为本地机的C:"Inetpub"wwwroot"站点文件夹（例如mysite)
2) 点击上传文件按钮,将本地站点文件夹所有文件上传至远程站点

方法二： 1) 选择开始→程序→资源管理器，找到本地站点文件夹 2) 右键点击站点文件夹，在弹出的菜单中选择共享 3)选择web共享选项卡 4)选择共享文件夹 5)在别名框中输入要发布的文件夹名称的别名（要求：字母或数字，不能是汉字或全角字符） 6)点击＂确定＂

三．浏览网站方法

　打开浏览器，输入访问地址：

本机访问URL 　http://localhost/发布的站点名　　　
例如：http://localhost/mysite
其他机访问URL http://IP地址或计算机名／发布的站点名例如：
例如：http://st11/mysite
http://10.1.5.128/mysite 　　
查看本机IP地址方法：
选择开始→运行→cmd→在dos提示符后输入ipconfig）
查看本机计算机名方法：
右键点击＂我的电脑＂→在弹出的菜单中选择＂属性＂→点击＂计算机名＂选项卡查看

练习2-2
1.在C:"Inetpub"wwwroot"文件夹下新建一个用于存放自己网站的文件夹，文件夹名mysite
2.设置远程信息，选择服务器为“本地／网络”；远程站点文件的目录地址为C:"Inetpub"wwwroot"mysite
3.将本地站点上传至远程站点后，刷新远程站点。
4.使用URL地址访问自己所建的站点：
本机访问URL 　http://localhost/mysite
其他机访问URL http://IP地址／mysite

本章要点
·规划站点	用文件夹保存文档：首先建一个根文件夹，然后在其中建若干子文件夹,分类存放网站全部文档。使用合理的文件名：文件夹名称与文件名称，用容易理解网页内容的英文名（或拼音），最好不要使用大写或中文。合理分配文档资源：不同的对象放在不同的文件夹中。不要将与网页制作列关的文件放置在该文件夹中。
·建立本地站点操作步骤	打开站点定义”对话框给站点命名选取或建立站点文件夹选取或建立默认图像文件夹设置访问本机网站的Http地址
·建立远程站点操作步骤	1. 打开远程站点定义对话框 2. 设置远程访问的类型 3. 建立远程站点文件夹 4. 设置参数 5. 上传站点并访问

哈希 2011-04-30 00:24 发表评论

叮叮车	唔西·迪西
汤姆布利柏