今日学习内容为：

1.文本域操作

  1. <html>
  2.     <head>
  3. 	<meta charset="utf-8"/>
  4. 	<title>JavaScript4</title>
  5. 	<script type="text/javascript" language="javascript">
  6. 		function fun()
  7. 		{
  8. 			var max = 20;
  9. 			var curr = document.getElementById("note").value.length;
  10. 			if(curr < max)
  11. 			{
  12. 				document.getElementById("msg").innerHTML = "您可以输入" + (max - curr) + "个字";
  13. 				document.getElementById("sub").disabled = false;
  14. 			}
  15. 			else
  16. 			{
  17. 			    document.getElementById("msg").innerHTML = "<font color=\"red\">您的输入内容过长,请修改。</font>";
  18. 				document.getElementById("sub").disabled = true;
  19. 			}
  20. 		}
  21. 	</script>
  22. 	</head>
  23. 	<body>
  24. 		<form action="javascript3.html" name="myform">
  25. 			<textarea name="note" cols="30" rows="6" onkeydown="fun()" onkeyup="fun()">
  26. 			</textarea>
  27. 			<br/>
  28. 			<span id="msg">您可以输入20个字</span>
  29. 			<input type="submit" name="sub">
  30. 		</form>
  31. 	</body>
  32. </html>

　　

2.表格操作

  1. <html>
  2. 	<head>
  3. 	   <title>JavaScript5</title>
  4. 	   <script type="text/javascript" language="javascript">
  5. 	      function createTable()
  6. 		  {
  7. 			document.write("<table border=\"1\">");
  8. 			for(var i=1;i<=9;i++)
  9. 			{
  10. 				document.write("<tr>");
  11. 					for(var j=1;j<i;j++)
  12. 					{
  13. 					   document.write("<td>"+i+"*"+j+"="+(i*j)+"</td>");
  14.  
  15. 					}
  16. 					for(var j=1;j<9-i;j++)
  17. 					{
  18. 						document.write("<td> </td>")
  19. 					}
  20. 				document.write("</tr>");
  21. 			}
  22. 		  }
  23. 	   </script>
  24. 	</head>
  25. 	<body>
  26. 		<input type="button" value="生成乘法口诀" onclick="createTable()"/>
  27. 	</body>
  28. </html>

　　

HTML学习笔记四的更多相关文章

  1. C#可扩展编程之MEF学习笔记(四)：见证奇迹的时刻

    前面三篇讲了MEF的基础和基本到导入导出方法,下面就是见证MEF真正魅力所在的时刻.如果没有看过前面的文章,请到我的博客首页查看. 前面我们都是在一个项目中写了一个类来测试的,但实际开发中,我们往往要 ...

  2. IOS学习笔记(四)之UITextField和UITextView控件学习

    IOS学习笔记(四)之UITextField和UITextView控件学习(博客地址:http://blog.csdn.net/developer_jiangqq) Author:hmjiangqq ...

  3. java之jvm学习笔记四(安全管理器)

    java之jvm学习笔记四(安全管理器) 前面已经简述了java的安全模型的两个组成部分(类装载器,class文件校验器),接下来学习的是java安全模型的另外一个重要组成部分安全管理器. 安全管理器 ...

  4. Learning ROS for Robotics Programming Second Edition学习笔记(四) indigo devices

    中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...

  5. Typescript 学习笔记四：回忆ES5 中的类

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  6. ES6学习笔记<四> default、rest、Multi-line Strings

    default 参数默认值 在实际开发 有时需要给一些参数默认值. 在ES6之前一般都这么处理参数默认值 function add(val_1,val_2){ val_1 = val_1 || 10; ...

  7. muduo网络库学习笔记(四) 通过eventfd实现的事件通知机制

    目录 muduo网络库学习笔记(四) 通过eventfd实现的事件通知机制 eventfd的使用 eventfd系统函数 使用示例 EventLoop对eventfd的封装 工作时序 runInLoo ...

  8. python3.4学习笔记(四) 3.x和2.x的区别，持续更新

    python3.4学习笔记(四) 3.x和2.x的区别 在2.x中:print html,3.x中必须改成:print(html) import urllib2ImportError: No modu ...

  9. Go语言学习笔记四： 运算符

    Go语言学习笔记四: 运算符 这章知识好无聊呀,本来想跨过去,但没准有初学者要学,还是写写吧. 运算符种类 与你预期的一样,Go的特点就是啥都有,爱用哪个用哪个,所以市面上的运算符基本都有. 算术运算 ...

  10. 零拷贝详解 Java NIO学习笔记四（零拷贝详解）

    转 https://blog.csdn.net/u013096088/article/details/79122671 Java NIO学习笔记四(零拷贝详解) 2018年01月21日 20:20:5 ...

随机推荐

  1. Less-css预处理编译

    node编译 第一步:https://nodejs.org/en/  到node官网下载最新的node 第二步:和普通软件一样把node安装好 第三步:运行-cmd,准备安装less 全局安装(整个电 ...

  2. Struts2的那些小细节

    1.result中传多个参数,&不允许使用需要转义&即多个参数之间用&隔开 <result type="redirectAction">show ...

  3. [转python 父类可以调用子类的方法

    问题描述:我也是在读500 Line 里满的DBDB 的代码时发现的,python的父类可以调用子类的方法,这跟平常习惯的理解方式很不一样,所以就查了下原因,记录如下:   1.现象:最近使用到了So ...

  4. drag file upload xhr 拖拽异步上传文件

    <div id="droptarget" style="width: 500px; height: 200px; background: silver"& ...

  5. UWP项目的包无法通过本地校验程序

    在UWP工程中,我们打出的包Appx需要通过本地的校验程序校验通过后才可以进行商店的提交.在校验程序汇报的不通过原因当中,除了显而易见的因为美术资源不规范.代码调用不合法API等原因之外,还有一些奇怪 ...

  6. Vim 第一天

    记得第一次接触vi编辑器,好像是在海尔的机房吧,那是时候还是没有毕业的小菜鸟一只(PS:现在也是菜鸟),记得是测试一个云存储的产品.看着他们用vi编辑器,当时也没有感觉有什么(现在也没感觉……),只是 ...

  7. linux vi 操作

    1.撤消修改或删除操作: 按ESC键返回Command(命令)模式,然后按u键来撤消删除以前的删除或修改:如果您想撤消多个以前的修改或删除操作,请按多按几次u.这和Word的撤消操作没有太大的区别: ...

  8. 2.13. 获取托管对象（Core Data 应用程序实践指南）

    用NSFetchRequest获取NSArray,里面都是托管对象.如果上下文里没有数据,就会从持久化存储区里获取. NSFetchRequest *request = [NSFetchRequest ...

  9. Mysql中常用的函数汇总

    Mysql中常用的函数汇总: 一.数学函数abs(x) 返回x的绝对值bin(x) 返回x的二进制(oct返回八进制,hex返回十六进制)ceiling(x) 返回大于x的最小整数值exp(x) 返回 ...

  10. Linux系统迁移

    文章来源http://blog.csdn.net/gt945/article/details/12253585 sudo rsync -aAXvP --exclude-from=exclude.txt ...