js 实例 some3

最新推荐文章于 2023-02-12 18:06:33 发布
最新推荐文章于 2023-02-12 18:06:33 发布
阅读量90 收藏
点赞数
分类专栏： js 文章标签： JavaScript HTML C C++ C# ViewUI
30为表格创建了一个标题
<html>
<head>
<script type="text/javascript">
function createCaption()
  {
  var x=document.getElementById('myTable').createCaption()
  x.innerHTML="我的表格标题"
  }
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onClick="createCaption()" value="创建标题">
</body>
</html>
31.
从表格删除行
<html>
<head>
<script type="text/javascript">
function deleteRow(r)
  {
  var i=r.parentNode.parentNode.rowIndex
  document.getElementById('myTable').deleteRow(i)
  }
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
  <td>Row 1</td>
  <td><input type="button" value="删除" onClick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 2</td>
  <td><input type="button" value="删除" onClick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 3</td>
  <td><input type="button" value="删除" onClick="deleteRow(this)"></td>
</tr>
</table>
</body>
</html>
32.
向表格添加新行 - 然后向其添加内容
<html>
<head>
<script type="text/javascript">
function insRow()
  {
  var x=document.getElementById('myTable').insertRow(0)
  var y=x.insertCell(0)
  var z=x.insertCell(1)
  y.innerHTML="NEW CELL1"
  z.innerHTML="NEW CELL2"
  }
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br />
<input type="button" onClick="insRow()" value="插入行">
</body>
</html>
33对齐行中的单元格内容
<html>
<head>
<script type="text/javascript">
function leftAlign()
  {
  document.getElementById('header').align="left";
  }
</script>
</head>
<body>
<table width="100%" border="1">
<tr id="header">
<th>名</th>
<th>姓</th>
</tr>
<tr>
<td>John</td>
<td>Adams</td>
</tr>
</table>
<br />
<input type="button" onClick="leftAlign()" value="左对齐表格行" />
</body>
</html>
34垂直对齐行中的单元格内容
<html>
<head>
<script type="text/javascript">
function topAlign()
  {
  document.getElementById('tr2').vAlign="top";
  }
</script>
</head>
<body>
<table width="50%" border="1">
<tr id="tr1">
<th>名</th>
<th>姓</th>
<th>文本</th>
</tr>
<tr id="tr2">
<td>John</td>
<td>Adams</td>
<td>你们好。我是名字是 John Adams。
在本例中，我需要一段长的文本。
在本例中，我需要一段长的文本。
在本例中，我需要一段长的文本。</td>
</tr>
</table>
<br />
<input type="button" onClick="topAlign()" value="上对齐表格行" />
</body>
</html>
35更改表格单元格中的内容
<html>
<head>
<script type="text/javascript">
function changeContent()
{
var x=document.getElementById('myTable').rows[0].cells
x[0].innerHTML="新的内容"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<form>
<input type="button" onClick="changeContent()" value="改变内容">
</form>
</body>
</html>
36.更改表元横跨的列数
<html>
<head>
<script type="text/javascript">
function changeColSpan()
  {
  document.getElementById("td1").colSpan="2";
  }
</script>
</head>
<body>
<table border="1">
<tr>
<th>名</th>
<th>姓</th>
</tr>
<tr>
<td id="td1">John</td>
<td id="td2">Adams</td>
</tr>
</table>
<br />
<input type="button" οnclick=changeColSpan() value="改变 colspan" />
</body>
</html>
37简单的计时
<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000)
}
</script>
</head>
<body>
<form>
<input type="button" value="显示计时的消息框！" onClick = "timedMsg()">
</form>
<p>点击上面的按钮。5 秒后会显示一个消息框。</p>
</body>
</html>
38
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
</form>
<p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p>
</body>
</html>
39无穷循环中的计时
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
</form>
<p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p>
</body>
</html>
40.
无穷循环中的计时 - 带有一个停止按钮
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时！" onClick="stopCount()">
</form>
<p>
请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。
</p>
</body>
</html>
41.一个时钟
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}
</script>
</head>
<body onLoad="startTime()">
<div id="txt"></div>
</body>
</html>
iteye_2451
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 实例
z_once的博客
02-25 1391
JavaScript 是属于 HTML 和 Web 的编程语言。 编程令计算机完成您需要它们做的工作。 JavaScript 很容易学习。 本教程涵盖 JavaScript 基础和高级教程。
HTML DOM
燕点轻波的博客
08-13 184
简介 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。如： 改变页面中的所有 HMTL元素 改变页面中的所有 HTML 属性 改变页面中的所有 CSS 样式 对页面中的所有事件做出反应 HTML DOM 模型被构造为对象的...
js中some和every用法
菜鸟搬砖记
09-10 9994
some用法 some() 方法用于检测数组中的元素是否满足指定条件，如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。 注意： some() 不会对空数组进行检测。 some() 不会改变原始数组。 实例1： let arr = [1, 2, 3, 4, 5]; let flag = arr....
JavaScript Array.some()方法用法
热门推荐
tumi
07-09 3万+
定义和用法：some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。注意： some() 不会对空数组进行检测。注意： some() 不会改变原始数组。语法：array.some(function(currentValue,i...
JavaScript.Array.some() 方法
qq_27474555的博客
11-08 475
1、定义 some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。该方法会依次执行数组的每个元素， 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测，如果没有满足条件的元素，则返回false。 2、注意 some() 不会对空数组进行检测， some() 不会改变原始数组。 3、语法 array.some(function(currentValue,inde...
html css js网页制作实例,50个强大璀璨的CSS3/JS技术运用实例
weixin_35268264的博客
06-18 755
50个强大璀璨的CSS3/JS技术运用实例发布时间：2010-02-27 15:42:11 作者：佚名 我要评论50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限，但 许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限，但许多设计师都在实验它的强大功能。本文可以...
some()函数使用实例
weixin_43869524的博客
12-02 767
beforeAvatarUpload(file) { console.log(file) console.log(file.type) console.log(file.type === 'image/gif') const idJPG = ['image/jpeg', 'image/gif', 'image/png', 'image/bmp'...
js some()方法 JavaScript Array 对象
qq_36657291的博客
07-23 2124
JavaScript Array some() 方法 基础用法摘自于菜鸟教程。 实例 检测数组中是否有元素大于 18: varages = [3,10,18,20]; functioncheckAdult(age) { returnage &gt;=18; } functionmyFunction() { document.getElementById("d......
JavaScript构造函数, 实例和静态成员
大鹏的博客
12-24 486
在 JavaScript 中最主要的数据类型有 6 种，分别是字符串、数值、布尔、undefined、null 和 对象，常见的对象类型数据包括数组和普通对象。在 JavaScript 内置了一些构造函数，绝大部的数据处理都是基于这些构造函数实现的，JavaScript 基础阶段学习的 Date 就是内置的构造函数。甚至字符串、数值、布尔、数组、普通对象也都有专门的构造函数，用于创建对应类型的数据。通过构造函数创建的对象称为实例对象，实例对象中的属性和方法称为实例成员。
Three.js中的3D文字效果
最新发布
02-12 2705
对于一些设计网页中经常会出现一些3D的文字效果，本文将利用Three.js实现各种动画WebGL文本输入效果。
vue项目中在外部js文件中直接调用vue实例的方法比如说this
10-17
常见的做法是在main.js中导出Vue实例，然后在其他需要它的JavaScript文件中引入这个实例。通过这种方式，我们可以在外部文件中使用Vue实例的方法，而不是全局的window对象。具体操作步骤如下： 步骤一：在main.js中...
jsdialog_脚本实例_
10-01
Collect some very practical and beautiful pop-up layer effect (compatible with the mainstream browsers) can be some of the the window contents or functions
JavaScript 数组some()和filter()的用法及区别
10-22
下面通过实例来了解some()和filter()的用法。 some()的使用示例： ```javascript let array = [1, 2, 3, 4, 5]; let isGreaterThanThree = array.some(element => element > 3); console.log(isGreaterThanThree);...
JavaScript中Require调用js的实例分享
11-26
在我最初开始写 JavaScript 函数时，通常是这样的： function fun1() { // some code here } function fun2() { // some other code here } ... 函数全写在全局环境中，项目很小时，通常不会有什么冲突问题。 但...
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
当代野生程序猿
02-25 5730
通常在展示人物对话的时候文本的长度是不定的，因此会需要动态的调整对话内容文本框的背景图片的大小，这里以如下这种气泡框的对话为例： 实现该需求涉及到的内容包括Content Size Fitter组件的使用、2D Sprite工具包的使用。 Content Size Fitter组件用于Text文本框，如图所示，我们将Horzontal Fit设为Preferred Size，当我们调整Text文本框中的内容时，其大小会自动进行调整。 注意Rect Transform中Pivot轴心点的设置
新唐NUC972 Linux（一）：USB烧写linux出厂镜像
小破孩的博客
02-20 3325
USB烧写出厂镜像 文章目录USB烧写出厂镜像前言一、硬件连接二、安装驱动三、烧写linux程序四、运行程序 前言 今天开始进军linux，学了那么久单片机，也摸得七七八八，至少点个灯还是会的。本人之所以买酷客的linux开发板主要是便宜，资料也算齐全，虽然没有原子那么好，不过也够了，找那么多借口，其实就是qiong。今天先从USB烧录官方提供的linux相关程序到芯片开始吧。 一、硬件连接 1、连接电源线 2、RS232转USB，需要安装CH340驱动，用于在电脑串口超级终端中查看调试信息。 3、U
WeChall CTF Writeup（一）
weixin_43211186的博客
02-25 1443
以下题目标题组成： [Score] [Title] [Author] 文章目录0x01 1 Training: Get Sourced by Gizmore0x02 1 Training: Stegano I by Gizmore0x03 1 Training: Crypto - Caesar I by Gizmore0x04 1 Training: WWW-Robots by Gizmore0x05 1 Training: ASCII by Gizmore 0x01 1 Training: Get Sou
C语言每日一练——第126天：佩奇借书问题
Edison's 小宇宙
02-25 2万+
史上最强借书方案问题讲解（代码详解+思路分析+动图演示+特性总结）
CS5261与CS5265功能应用|CS5261替代RTD2171|CS5265替代RTD2172
qq1659747718的博客
02-25 1258
CS5261可以完全替代兼容停产RTD2171,CS5265可以完全替代兼容RTD2172，芯片单价低，整体方案设计简单，整体BOM成本较RTD2171、RTD2172低。
理解JavaScript：基础与实例解析
3. **处理非JavaScript浏览器**：`<noscript>`标签用于在不支持JavaScript的浏览器中显示替代内容，例如`<noscript>Hellotothenon-JavaScriptbrowser.</noscript>`。 4. **链接外部脚本文件**：为了保持代码的整洁...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值