[html]经验集

禁止默认的右键菜单：

window.document.oncontextmenu = function(){ return false;}

WebBrowser 控件用法：（手动填充内容）

// 首先导航到空白页面
if (webBrowser1.Document != null)
    webBrowser1.Document.OpenNew(true);
else
    webBrowser1.Navigate("about:blank");
webBrowser1.Document.Write("<style type='text/css'>.e{color:tomato}.r{color:limegreen}</style>");
webBrowser1.Document.Write("<span class='e'>来个红色文字！</span><hr />");
webBrowser1.Document.Write("<span class='r'>来个绿色文字！</span><br />");

常用 html 编辑器：http://www.dcloud.io/

一个空框架( IE6下会假死 )

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Demo</title>
  <style type='text/css'>
    body{margin:0;padding:0;overflow-x:auto}
  </style>
  <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
  <script>
    window.onresize=function(){Resize()}
    $(function(){Resize()})
    function Resize(){
      $('.main').height($(window).height()-$('#title').height())
      $('.left').height($('.main').height()-$('.date').height())
    }
  </script>
</head>
<body>
  <table id='title' style="width:100%;background:silver;">
    <tr>
      <td align="center">
        <div style="width:1260px;height:30px;line-height:30px;text-indent:20px;text-align:left;">
          标题
        </div>
      </td>
    </tr>
  </table>
  <div class='main' style="width:1260px;margin:0 auto;">
    <div class='left' style="width:190px;float:left;height:500px;border-right:1px dotted gray;border-left:1px dotted gray;">
      <div class='date' style="background:gray;width:190px;height:60px;position:absolute;bottom:0"></div>
    </div>
    <div class='main' style="width:1060px;margin-left:200px;overflow:auto">
      <div style="height:1000px;">一</div>
    </div>
  </div>
</body>
</html>

常用 javascript 格式化日期

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="js/jquery-1.12.4.min.js"></script>
  <script type="text/javascript">
    // 对Date的扩展，将 Date 转化为指定格式的String
    // 参照 https://msdn.microsoft.com/zh-cn/library/8kb3ddd4.aspx
    // 参照 http://blog.csdn.net/vbangle/article/details/5643091/
    // 月(M)、日(d)、小时(H)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
    // 年(y)可以用 1-4 个占位符，毫秒(f)只能用 1 个占位符(是 1-3 位的数字)
    // 例子：
    // (new Date()).Format("yyyy-MM-dd HH:mm:ss.f") ==> 2006-07-02 08:09:04.423
    // (new Date()).Format("yyyy-M-d H:m:s.f w")      ==> 2016-8-9 10:1:8.931 星期二
    Date.prototype.Format = function(fmt)
    {
      var o = {
        "M+" : this.getMonth()+1,                    //月份
        "d+" : this.getDate(),                       //日
        "H+" : this.getHours(),                      //小时
        "m+" : this.getMinutes(),                    //分
        "s+" : this.getSeconds(),                    //秒
        "f"  : this.getMilliseconds(),               //毫秒
        "w" : "星期"+"日一二三四五六"[this.getDay()],//星期
        "q" : Math.floor((this.getMonth()+3)/3)      //季度
      };
      if(/(y+)/.test(fmt))
        fmt = fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
      for(var k in o)
        if(new RegExp("("+ k +")").test(fmt))
          fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
      return fmt;
    }

    var time1 = new Date().Format("yyyy-MM-dd HH:mm:ss w");
    var time2 = new Date().Format("yyyy-MM-dd");
    $(function(){
      $('#t1').text(time1);
      $('#t2').text(time2);
    });
  </script>
 </head>
 <body>
  <div id="t1"></div>
  <div id="t2"></div>
 </body>
</html>

Razor 里如果要判断当前是否是调试模式输出，可以读取这个属性

HttpContext.Current.IsDebuggingEnabled

一段弹窗代码详情可参考：http://www.w3help.org/zh-cn/causes/BX1053

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Demo</title>
 </head>
 <body>
   <input type="button" value="弹窗" onclick="showWindow()" /><br />
   <input type="text" value="普通 Input" /><br />
   <input type="text" value="只读 Input" readonly /><br />
   <input type="text" value="只读 Input" style="border:0" readonly /><br />
   <input type="text" value="禁用 Input" disabled />
   <input type="text" value="禁用 Input" style="border:0;background:#fff" disabled />
  <script type="text/javascript">
    function showWindow(){
      var win = window.open('',"",'height=200,width=400,top=200,left=200,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no, titlebar=no');
      win.document.write('具体消息');
      win.document.close();
    }
  </script>
 </body>
</html>

更多资源可参考：http://www.miniui.com/demo

[html]经验集的更多相关文章

[转]Oracle 经验集
-- 转换字符串为日期格式 to_date('2011-12-30 11:54:30','yyyy-MM-dd:hh24:mi:ss') Oracel 用 C# 连接,Microsoft 自带的 Sy ...
[转]Windows 经验集
Windows Server 2012 R2 显示这台电脑图标方法: 来自:https://jingyan.baidu.com/article/f25ef2544f6883482c1b82e5.h ...
[转][Dapper]SQL 经验集
condition.Append(" AND ChineseName like @name"); p.Add("@name", "%" + ...
[java]经验集
Calendar c = Calendar.getInstance(); c.set(1999,12,21); SimpleDateFormat sdf = new SimpleDateFormat( ...
[Java.web][eclipse]经验集
自动提示部分内容来自:http://www.cnblogs.com/mashuangying2016/p/6549991.html 使用 Eclipse 调试 Tomcat 的设置: Window - ...
[转][c#]注册表经验集
在 win7 64位的系统中,为了将程序做成绿化版(单EXE文件),一些设置准备放到 regedit(注册表)中. 测试时发现网上的 demo 可以读,但写的值调试不报错,相应位置却不存在,困扰了许久 ...
[转]加密经验集 => C#
下载地址代码摘自 C#高级编程(第7版) 第579页不对称加密
[转]SQLite 经验集
SQLite 的默认时间转自:http://www.cnblogs.com/pennant/archive/2011/08/11/2134897.html select strftime('%Y-% ...
[转]MySQL 经验集
-- my.ini -> 在 [mysqld] 节点下加入一行 skip-grant-tables 然后重启服务 -- 接下来无密码登录到 mysql 执行以下命令 use mysql show ...

随机推荐

好用的一个从SharePoint导出小工具
1. 输入 Site Url(Site Collection), 然后点"load"按钮 2.选择Web后,点选需导出的文档库,然后点"Next"按钮 ...
oracle安装不容易啊
oracle 配置方面,电脑端使用的是ORALE 10G 64位,PLSQL DEVELOPER使用32位,ORACLE CLIENT使用11.5版本.之前一直因为ORACLE 使用32位,导致在电脑 ...
用iptables 实现本地端口转发
设定本机2121端口转发到21端口 iptables -t nat -A PREROUTING -p tcp -i eth0 -d -j DNAT --to iptables -t nat -I PO ...
通过Nginx+tomcat+redis实现反向代理、负载均衡及session同步
一直对于负载均衡比较陌生,今天尝试着去了解了一下,并做了一个小的实验,对于这个概念有一些认识,在此做一个简单的总结什么是负载均衡负载均衡,英文名称为Load Balance,指由多台服务器以对称 ...
PostgreSQL 在centos 7下的安装配置
安装postgresql: sudo yum install postgresql-server 初始化数据库: sudo postgresql-setup initdb 启动数据库: sudo sy ...
冲刺一（Day 2）
冲刺一 (Day 2) 小组讨论结果经过今天的小组会议,小组各成员决定先进一步探讨项目的需求.因为我们明白要砍倒一棵树,磨刀才是前期的重中重之重,实际中也有不少以为前期需求没做好而,在项目后期推翻重 ...
MySQL 第九天（核心优化三）
一．昨天内容回顾索引设计依据与数据表有关系的sql语句都统计出来 where order by or等等条件的字段适当做索引原则: 频率高的sql语句执行时间长的sql语句业务逻辑重要的sq ...
Monkey基础
一.Monkey工具简介 Monkey是Android中的一个命令行工具,可以运行在模拟器里或实际设备中.它向系统发送伪随机的用户事件流(如按键输入.触摸屏输入.手势输入等),实现对正在开发的应用程序 ...
会话状态已创建一个会话 ID，但由于响应已被应用程序刷新而无法保存它
解决方法是新建全局应用程序类 Global.asax 在 Session_Start 函数中添加 string sessionId = Session.SessionID; protected v ...
js的原型模式
以下内容来自<JavaScript高级程序设计>第三版我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所 ...

[html]经验集

[html]经验集的更多相关文章

随机推荐

热门专题