这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文介绍了 js 实现页面刷新滚动条位置不变的实例代码,需要的朋友可以看下
今天因为这个问题困扰了很久网上的例子都尝试没效果,后来发现一点原来是内容最外层没有 div 的原因
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SpotChkDetail.aspx.cs"
- Inherits="Topevery.DUM.Web.Observer.SpotChkDetail" %>
- <script runat="server">
- protected override bool HeaderScriptFilter(Topevery.Framework.Web.Configuration.Script val) {
- switch (val.Key) {
- case "ajaxpro2.prototype":
- case "ajaxpro2.core":
- case "ajaxpro2.converter":
- case "ajaxpro2.onloading":
- case "ajaxpro2.assembly.AjaxFunction":
- case "my97":
- case "image":
- case "jquery.pagination":
- case "jquery.jqGrid.locale":
- case "jquery.jqGrid":
- case "jquery-load-image":
- case "jquery.validationEngine":
- case "jquery.validationEngine-zh":
- case "WeiBo":
- case "jquery.mousewheel":
- case "jquery.iviewer":
- case "jquery.gallery.singer":
- return true;
- default:
- return base.HeaderScriptFilter(val);
- }
- }
- protected override bool HeaderStyleFilter(Topevery.Framework.Web.Configuration.Style val) {
- switch (val.Key) {
- case "jqgrid":
- case "jqgrid-grey":
- case "validationEngine":
- return true;
- default:
- return base.HeaderStyleFilter(val);
- }
- }
- </script>
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- </title>
- </head>
- <body id="bbdy">
- <form id="form1" runat="server">
- <div>
- <div class="TUI-layout-north">
- <div class="TUI-title">
- <span class="TUI-ico ico-note">
- </span>
- <strong>
- 抽查
- </strong>
- </div>
- <div class="" style="float: right; margin-top: -30px; z-index: 99999; position: relative;">
- <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
- height="0" width="0">
- </object>
- <input type="button" class="TUI-button" value="打 印" onclick="document.all.WebBrowser.ExecWB(6, 1)"
- id="Button2" />
- <input type="button" class="TUI-button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7, 1)"
- />
- </div>
- <div class="TUI-alert">
- <span class="ml10px">
- 抽查时间:
- <asp:Label ID="lbBeginDate" runat="server" Text="Label">
- </asp:Label>
- 失效时间:
- <asp:Label ID="lbEndDate" runat="server" Text="Label">
- </asp:Label>
- 消息内容:
- <asp:Label ID="lbContent" runat="server" Text="Label">
- </asp:Label>
- </span>
- <div style="display: none">
- <asp:Button ID="btnRef" runat="server" OnClick="btnRef_Click" Text="刷新"
- />
- </div>
- </div>
- </div>
- <div class="TUI-layout-center">
- <div class="TUI-content TUI-h100 TUI-of-auto TUI-align-center">
- <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
- <%--OnItemCommand="Repeater1_ItemCommand" --%>
- <HeaderTemplate>
- <table class="TUI-grid-list w100" id="observers">
- <tr>
- <th style="width: 150px">
- 巡查员头像
- </th>
- <th style="width: 80px">
- 姓 名
- </th>
- <th style="width: 120px">
- 是否超时
- </th>
- <%--<th style="width: 110px">
- 城管通号码
- </th>
- <th style="width: 110px">
- 城管通版本
- </th>
- --%>
- <th style="width: 100px">
- 消息状态
- </th>
- <th style="width: 100px">
- 审核状态
- </th>
- <th style="width:150px">
- 审核
- </th>
- </tr>
- </HeaderTemplate>
- <ItemTemplate>
- <tr class="people_title_td">
- <td rowspan="2" valign="middle" style="width: 110px">
- <img id="img_observer_poto" runat="server" height="135" style="border: 1px solid #bababa;"
- width="100" />
- </td>
- <td style="width: 60px">
- <%# Eval( "c_name")%>
- <asp:HiddenField ID="hfObId" runat="server" Value='<%# Eval("c_ob_id") %>'
- />
- <asp:HiddenField ID="hfId" runat="server" Value='<%# Eval("c_id") %>'
- />
- </td>
- <td style="width: 100px">
- <%# Eval( "c_is_over_time")%>
- </td>
- <%--<td style="width: 110px">
- <%# Eval( "c_pda_number")%>
- </td>
- <td style="width: 110px">
- <%# Eval( "c_pda_version")%>
- </td>
- --%>
- <td style="width: 90px">
- <%# Eval( "notify_state")%>
- </td>
- <td style="width: 90px">
- <%# Eval( "eligible_state")%>
- </td>
- <td style="width:150px;">
- <div style="display:<%# Eval(" c_is_eligible ").ToString() !="0 "?"none
- ":" " %>">
- <%--<asp:LinkButton ID="LinkButton1" runat="server" CommandName="lnk_poto"
- CommandArgument='<%# Eval("c_id") %>'>
- 重摄
- </asp:LinkButton>
- <asp:LinkButton ID="LinkButton2" runat="server" CommandName="lnk_ok" CommandArgument='<%# Eval("c_id") %>'>
- 合格
- </asp:LinkButton>
- <asp:LinkButton ID="LinkButton3" runat="server" CommandName="lnk_no" CommandArgument='<%# Eval("c_id") %>'>
- 不合格
- </asp:LinkButton>
- --%>
- <a href='#' onclick='review(<%# Eval("c_id") %>,0,"重摄")' class='TUI-toolbar-btn'>
- <span>
- </span>
- 重摄
- </a>
- <a href='#' id="qualified" onclick='review(<%# Eval("c_id") %>,1,"合格")'
- class='TUI-toolbar-btn'>
- <span>
- </span>
- 合格
- </a>
- <a href='#' id="Unqualified" onclick='review(<%# Eval("c_id") %>,2,"不合格")'
- class='TUI-toolbar-btn'>
- <span>
- </span>
- 不合格
- </a>
- </div>
- </td>
- </tr>
- <tr class="alt_tr2">
- <td colspan="5" style="height: 160px; text-align: left">
- <table class="choucha-table">
- <tr>
- <asp:Repeater ID="rptImg" runat="server">
- <ItemTemplate>
- <td>
- <div class="div_img TUI-notelist-container TUI-gallery choucha-img">
- <div id='imge' + '<%#Eval("FileId") %>'>
- <div class="TUI-gallery-content TUI-gallery-img">
- <a title='点击放大' href="javascript:void(0)" sourceSrc='<%#Eval("Imageurl") %>'
- largeSrc='<%#Eval("Imageurl") %>'>
- <img src='<%#Eval("Imagethumbil") %>' />
- <span>
- <%#Eval( "Summary") %>
- </span>
- </a>
- </div>
- </div>
- </div>
- </td>
- </ItemTemplate>
- </asp:Repeater>
- </tr>
- </table>
- </td>
- </tr>
- </ItemTemplate>
- <FooterTemplate>
- </table>
- </FooterTemplate>
- </asp:Repeater>
- <input type="hidden" id="hdnvalue" runat="server" value="0" />
- <!----存放scorllTop值-->
- </div>
- </div>
- </div>
- <script type="text/javascript">
- $(document).ready(function() {
- TUILayout("form");
- //LoadImage();
- $(".div_img").gallery({
- gallerySize: {
- width: 90,
- height: 120
- },
- fullView: "true" //ture为允许点击图像全屏浏览
- });
- });
- function LoadImage() {
- var jq_o_list = $("#observers div[@ref_id]");
- for (var i = 0; i < jq_o_list.length; i++) {
- load_to(jq_o_list[i]);
- }
- }
- function load_to(obj) {
- var jq_o = $(obj);
- Topevery.DUM.Web.AjaxFunction.GetEvtDefault(jq_o.attr("ref_id"),
- function(ajaxResult) {
- var val = ajaxResult.value;
- jq_o.empty();
- jq_o.append(val.Html);
- });
- }
- //$("#div_evt_img").gallery({
- // images: evt_img_list,
- // thumbSize: { width: 65, height: 60 },//缩略图大小
- // gallerySize: { width: 380, height: 280 },//画廊图(中间大图)大小
- // thumbDisplayNum: 4,//缩略图显示数量
- // scalingSize: { width: 360, height: 260 },//画廊图(中间大图)自动比例缩放最大大小
- // fullView: "true" //ture为允许点击图像全屏浏览
- //});
- function Reminder() {
- NotSelectEvt("已经再次发送消息通知巡查员!");
- }
- function review(id, type, content) {
- if (confirmL("确认" + content + "吗?",
- function() {
- Topevery.DUM.Web.AjaxFunction.ReviewImg(id, type);
- $("#btnRef").click();
- })) {}
- }
- </script>
- </form>
- </body>
- </html>
- <script type="text/javascript">
- window.onbeforeunload = function() {
- var scrollPos;
- if (typeof window.pageYOffset != 'undefined') {
- scrollPos = window.pageYOffset;
- } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
- scrollPos = document.documentElement.scrollTop;
- } else if (typeof document.body != 'undefined') {
- scrollPos = document.body.scrollTop;
- }
- document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中
- }
- window.onload = function() {
- if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
- var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空,则读取滚动条位置
- document.documentElement.scrollTop = parseInt(arr[1]);
- document.body.scrollTop = parseInt(arr[1]);
- }
- }
- </script>
来源: http://www.phperz.com/article/17/0519/330145.html