第一次写js代码,求助
但是,获得焦点时,div木有显示显示想要的文本。。。
<head>
<title>--!</title>
<script type="text/javascript">
/*
*当textarea获得焦点,显示当前输入字数
*当textarea失去焦点,隐藏
*/
//获得焦点,显示
function show_count(){
var mydiv = document.getElementById("d");
var max = 90;
var count = document.getElementById("area1").value.length;
if(mydiv.value ==""||mydiv.value ==undefined)
mydiv.innerHtml =count +"/" + max;
mydiv.style.display = "block";
}
//失去焦点,隐藏
function hidden_count(){
document.getElementById("d").style.display = "none";
}
//textarea域改变,改变div文本
function word_count(){
var mydiv = document.getElementById("d");
var max = 90;
var count = document.getElementById("area1").value.length;
if(count<max)
mydiv.innerHtml = count +"/" + max;
else
document.getElementsByTagName("textarea")[0].value = document.getElementsByTagName("textarea")[0].value.substr(0,max);
}
function load(){ var text = document.getElementsByTagName("textarea")[0];
//请空
text.value = "";
text.focus();
}
</script>
<style type="text/css">
#d{
display: none;
position: absolute;
width: 50px;
height: 14px;
color: black;
background: yellow;
}
</style>
</head>
<body>
<form>
<textarea onfocus="show_count()" onblur="hidden_count()"
onload="load()"
onpropertychange="word_count()" cols="60" rows="8" id="area1">123</textarea>
<div id="d">mxl</div>
</form>
</body>
</html>
相关推荐
javascript中直接写php代码的方法
一、在javascript中嵌入php代码javascript若是通过js文件包含进来的,那么js文件中也可以直接写php代码,只不过包含js文件是扩展名要改成php,如: 代码如下:[removed][removed]二、javascript函数参数的默认值c语言中可以通过这样来设置默认参数: 代码如下:void foo(int a, int b = 1, bool c = false);但是javascript却不能这样:newGame : function(a, b = 0)ie和chrome会报错,ff会直接忽略。我们可以用arguments只
js代码高亮显示 JavaScript代码高亮 jsp
js代码高亮显示 JavaScript代码高亮 jsp js代码高亮显示 JavaScript代码高亮 jsp
Highlight.js是一个用JavaScript写的代码高亮插件
Highlight.js 是一个用 JavaScript 写的代码高亮插件,在客户端和服务端都能工作。它适用于几乎任何标记,不依赖于任何框架,并具有自动语言检测功能。
javascript实现tabs选项卡切换效果(自写原生js)
现在的页面上有许多各种各样的页面效果,常用的有弹出层效果,无缝滚动效果,选项卡切换效果。今天分享一款自己用原生javascript写的选项卡切换效果,由于本人水平有限,如有问题请指出。 效果图如下: html代码: 代码如下: <!DOCTYPE HTML> <html lang=”en-US”> <head> <meta charset=”UTF-8″> <title>js-tabs</title> <link rel=”stylesheet” type=”text/css” href=”css/base.css” media=”all”/> <style type=”text/css”
JS和HTML和JAVAScript写的打字小游戏 .html
JS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .html


