1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>微博发布</title>
  6. <style>
  7. body{ font-size:12px;}
  8. #div1{ width:400px; margin:20px auto;}
  9. #div1 p{ float:right; margin:;}
  10. #div1 textarea{ width:400px; height:100px;}
  11. #div1 a{ width:50px; height:30px; font-size:16px; line-height:30px; text-align:center; float:right; background:#00FF00; color:#FFFFFF;}
  12. #div1 a.dis{ background:#CCCCCC; color:#;}
  13. </style>
  14.  
  15. <script>
  16.  
  17. //onchange : 当光标消失的时候，只能触发一次
  18.  
  19. //ie : onpropertychange : 输入连续触发
  20. //标准：oninput : 也是连续触发
  21.  
  22. window.onload = function(){
  23.     var OT = document.getElementsByTagName('textarea')[];
  24.     var Ospan = document.getElementsByTagName('span')[];
  25.     var Oa = document.getElementsByTagName('a')[];
  26.  
  27.     var str = null;
  28.     if(!+[,]){  // 判断是不是ie 浏览器
  29.       OT.onpropertychange = ontext_cli;
  30.     } else {
  31.        OT.oninput = ontext_cli;
  32.     }
  33.  
  34.     function ontext_cli(){
  35.           if(OT.value == ''|| OT.value.length > ){
  36.                 Oa.className = 'dis';
  37.           }else{
  38.             Oa.className = '';
  39.           }
  40.         var num = Math.ceil(getLength(OT.value)/);
  41.         if(!Ospan){
  42.           return
  43.           }
  44.  
  45.         if(num<=){
  46.             Ospan.innerHTML =  - num;
  47.             Ospan.style.color = '';
  48.         }
  49.         else{
  50.             Ospan.innerHTML = num - ;
  51.             Ospan.style.color = 'red';
  52.         }
  53.     }
  54.  
  55.     function getLength(str){
  56.         return String(str).replace(/[^\x00-\xff]/g,'aa').length;
  57.     }
  58.     //
  59.     OT.onfocus = function(){
  60.         Ospan.innerHTML = '';
  61.     }
  62.     OT.onblur = function(){
  63.         Ospan.innerHTML = '';
  64.     }      
  65.  
  66. }
  67.  
  68. </script>
  69. </head>
  70.  
  71. <body>
  72. <div id="div1">
  73.     <p>《新浪微博社区公约(征求意见稿)》意见征求</p><span></span>
  74.     <textarea></textarea>
  75.     <a class="dis" href="javascript:;">发布</a>
  76. </div>
  77. </body>
  78. </html>

微博输入相关js 代码的更多相关文章

  1. 常见的页面效果，相关的js代码

    1.焦点图 $(document).ready(function(){ var i=0; var autoChange= setInterval(function(){ if(i<$(" ...

  2. 当页面提交时，执行相关JS函数检查输入是否合法

    当页面提交时,执行相关JS函数检查输入是否合法 关键代码 <form action="tj.php" method="post" onSubmit=&qu ...

  3. 【前端】js代码模拟用户键盘鼠标输入

    js代码模拟用户键盘鼠标输入 原生js var event = new Event('mousewheel'); event.wheelDelta = 360 document.dispatchEve ...

  4. 分享到微信微博空间等第三方平台的JS代码

    分享功能有利于传播更多优质的内容,所以在web项目中也是比较常用的.今天就抽空整理下常用的分享平台的JS代码.这些代码可以在对应平台的官方网站上生成,官网上对分享内容的参数也有详尽说明.这里只对常用的 ...

  5. 一键分享到新浪微博、腾讯微博、搜狐微博、人人网、开心网、百度收藏等js代码大全

    下面给大家一些分享的js代码,只要把代码插入自己的网页中稍微修改一下图片路径就可以用了,好了,废话少说,上代码:  document.writeln("<b>喜欢本文,那就分享到 ...

  6. xss 防止攻击,恶意用户将输入的信息当成html或js代码执行,办法是将用户输入的信息改为text格式,或特殊符号转义

    xss 防止攻击,恶意用户将输入的信息当成html或js代码执行,办法是将用户输入的信息改为text格式,或特殊符号转义 XSS攻击的防范 XSS攻击造成的危害之所以会发生,是因为用户的输入变成了可执 ...

  7. 批量删除微博的js代码

    清空微博,网上找了一段js代码,试了下,还行. var fileref=document.createElement('script') fileref.setAttribute("type ...

  8. 最新的JavaScript核心语言标准——ES6，彻底改变你编写JS代码的方式！【转载+整理】

    原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructu ...

  9. 四十年前的 6502 CPU 指令翻译成 JS 代码会是怎样

    去年折腾的一个东西,之前 blog 里也写过,不过那时边琢磨边写,所以比较杂乱,现在简单完整地讲解一下. 前言 当时看到一本虚拟机相关的书,正好又在想 JS 混淆相关的事,无意中冒出个问题:能不能把某 ...

随机推荐

  1. SQL 存储过程 分页 分类： SQL Server 2014-05-16 15:11 449人阅读 评论(0) 收藏

    set ANSI_NULLS ON set QUOTED_IDENTIFIER ON go -- ============================================= -- Au ...

  2. 【设计模式 - 11】之享元模式（FlyWeight）

    1      模式简介 当系统中存在大量对象时,非常容易造成内存溢出.为了解决这个问题,我们把这些对象中共有的部分抽象出来,如果有相同的业务请求,则直接返回在内存中已有的对象,避免重新创建,这就是享元 ...

  3. Linux查看系统资源占用

    Linux查看系统资源占用 在系统维护的过程中,随时可能有需要查看 CPU和内存的使用率,并根据相应信息分析系统状况的需求.本文介绍一下几种常见的Linux系统资源查看命令. 1.总体内存占用的查看 ...

  4. 使用Morphia框架操作mongodb

    1.  mac 下 安装mongodb sudo brew update sudo brew install mongodb sudo brew services mongodb start 2.   ...

  5. [Flux] 2. Overview and Dispatchers

    Flux has four major components: Stores, Dispatchers, Views, and Actions. These components interact l ...

  6. AlgorithmVisualizer

    http://jasonpark.me/AlgorithmVisualizer/#path=graph_search/floyd_warshall/shortest_paths

  7. QT GUI总结

      QT提供了设计师工具,可以很方便的使用鼠标拖拽的方式绘制界面.绘制完毕后自动生成一个界面的.h文件(如ui_mainwindow.h),其中含有一个自动生成的Ui_MainWindow类,这个类中 ...

  8. [转] 使用NVM快速搭建NODE开发环境

    export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node 本文主要介绍最近自己碰到的几个坑以及搜索到的相应解决方案: 如何快速搭 ...

  9. JDK5-增强for循环

    下面的程序演示了增强for循环在数组及集合中的应用: import java.util.ArrayList; import java.util.HashMap; import java.util.Ha ...

  10. html+css3实现网页时钟

    在网页上实现时钟功能,效果如右图所示: 运用到的关键技术有:css3中的旋转.旋转基点设置 旋转:transform:rotate(*deg) 旋转基点:transform-origin: x轴偏移 ...