JavaScript2——语句

最新推荐文章于 2024-07-18 10:24:18 发布
最新推荐文章于 2024-07-18 10:24:18 发布
阅读量919 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47887988/article/details/123605894
版权

 

  • 根据输入的次数，多次输出"HelloWorld"

<script type="text/javascript">
	document.write("Hello World");
	var j=prompt("请输入连续输出标题3的次数：","")
    for(var i=0;i<j;i++){
        document.write("<h3>Hello World</h3>");
    }
document.write("<h1>Hello World</h1>");
alert("共连续输出标题："+j+"次");
</script>

运行结果： 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>程序调试</title>
<script type="text/javascript">
var t=prompt("请输入一个整数","");
 if(t>5){
	 for(var i=t;i>0;i--){	
	    for(var j=0;j<i;j++){
		   document.write("*&nbsp;&nbsp;");
		}
		document.write("<br />");
	 }
 }
else{
	 for(var k=t;k>0;k--){
		for(var m=0;m<k;m++){
		   document.write("*&nbsp;&nbsp;");
		} 
		document.write("<br />");
	 }
	 for(var n=1;n<=t;n++){
		for(var h=0;h<n;h++){
		   document.write("*&nbsp;&nbsp;");
		}
		document.write("<br />"); 
	 }
   }
</script>
</head>

 运行结果：

 

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态改变表格内容</title>
<style type="text/css">
td{ font-size:13px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;

}
</style>
</head>

<body>
 <table width="600" cellspacing="0" cellpadding="0" style="border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;">
          <tr>
           <td style=" text-align:center; font-size:16px; font-weight:bold;height:35px;">我的购物车</td>
            </tr> 
            <tr><td style="border:0;">
             <table width="100%" cellspacing="0" cellpadding="0" id="Table1">
              <tr>
                <td style=" text-align:center; font-weight:bold; height:35px;">商品名称</td>
                <td style="width:90px; text-align:center; font-weight:bold;"> 数量（个）</td>
                <td style="width:90px; text-align:center; font-weight:bold;">价格（元）</td>
                <td style="text-align:center;width:180px; font-weight:bold;">操作</td>
            </tr>
            </table>
            </td>
            </tr>
            
       <tr>
    <td style=" text-align:center; height:30px;border-bottom:0;"><input name="add" type="button" value="添加一行"  onclick="build_row()"/>&nbsp;&nbsp;&nbsp;&nbsp;<input name="sub" type="button" value="提交定单" /></td>  
                </tr> 
        </table>
<script type="text/javascript">
<!--
//建立一个函数build_row()用于建立新的一行
var row_index=0;  
function build_row(){  
    row_index++;  
    var new_row=Table1.insertRow(Table1.rows.length);  
    new_row.setAttribute("id", "row"+row_index);   
   
    var new_col=new_row.insertCell(0);   
    new_col.innerHTML="攀高搓捶背靠垫按摩器（蓝色 ）"; 
	new_col.style.height="30";
	new_col.style.textAlign="center";
    
     var new_col=new_row.insertCell(1);   
    new_col.innerHTML="3";
	new_col.style.textAlign="center";
    
    var new_col=new_row.insertCell(2);   
    new_col.innerHTML="￥450.50"; 
	new_col.style.textAlign="center";
    
     var new_col=new_row.insertCell(3); 
	 new_col.innerHTML="<input type='button' value='删除' name='del"+row_index+"' onclick=\"delete_row('row"+row_index+ "')\">&nbsp;&nbsp;<input type='button' value='编辑' name='edit"+row_index+"' onclick=\"edits_row('row"+row_index+ "')\">"; 
	 new_col.style.textAlign="center";
        
    }  

//建立一个函数delete_row用于删除一行  
function delete_row(rname)   
{  
     if(!Table1) 
    {
        return ;
    }  
    var i;  
    i=Table1.rows(rname).rowIndex;  
//   alert(i);  
    Table1.deleteRow(i);  
}
function edits_row(num)   
{  
     var i;  
    i=Table1.rows(num).rowIndex; 
	Table1.rows(i).cells(0).innerHTML="<input type='text' name='names' value='攀高搓捶背靠垫按摩器（蓝色 ）'  style='width:200px;'/> ";
	Table1.rows(i).cells(1).innerHTML="<input type='text' name='nums' value='3'  style='width:30px;'/> ";
	Table1.rows(i).cells(2).innerHTML="<input type='text' name='price' value='￥450.50'  style='width:70px;'/> ";
	
}
build_row();
-->

</script>        
</body>

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>广告专栏</title>
<style type="text/css">
body{margin:0;}
</style>
</head>

<body>
<img src="images/indextop.gif" width="780" height="238" />
</body>

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>弹出窗口</title>
<script  type="text/javascript">
 window.open("adv.html", "广告窗口", "toolbar=0, scrollbars=0, location=0, status=0, menubar=0, resizable=0, width=780, height=210,top=200,left=150");
 /*
 width：弹出窗口的宽度
 height：弹出窗口的高度
 top：弹出窗口离屏幕顶部距离
 left：弹出窗口离屏幕左边距离 
 */

</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="height:30px;">&nbsp;</td>
  </tr>
  <tr>
    <td style="text-align:center;"><img src="images/bg.jpg" width="864" height="489" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

 

千和儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript基础——2.js输出语句
weixin_66370632的博客
04-27 545
1. alert()函数 在浏览器弹出一个提示框
JavaScript进阶
weixin_65768991的博客
02-28 77
JS的函数就是java中的方法 函数一定有返回 未定义undefined 可以写自己的返回 return 可以中断函数的运行 可以带参，不需要指定参数的类型， 参数可以任意传，默认为undefined 函数的返回值可以是任意类型 public string fa（）{ } function fa（a）{ if（a）{ return "yes" } return false } (function(){ //匿名函数和调用的方式 }) 调用函数 consol...
JavaScript的基本使用以及输出hello world，很简单
weixin_47556601的博客
02-08 5559
大家好，今天来给大家分享一下 JavaScript的基本使用以及输出hello world 我们使用的工具： IDEA 接下来看源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> alert("hellp,world"); </sc
javascript——分支语句
0 error(s), 0 warning(s)
02-14 279
流程控制——分支 文章目录流程控制——分支流程控制顺序流程控制分支流程控制if语句三元表达式分支流程控制switch语句**switch和 if else if 的区别** 流程控制 在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成激功能。 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。 顺序流程控制 顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺
JavaScript语法——循环语句
swpucwf的博客
02-17 245
1. 循环语句的介绍 循环语句就是让一部分代码重复执行，javascript中常用的循环语句有: for while do-while 2. for循环 var array = [1, 4, 5]; for(var index = 0; index < array.length; index++){ result = array[index]; alert(result...
javaScript笔记——for语句
qq_26471257的博客
06-07 353
//For语句------------------------------- for(let i=0;i<=6;i++) { console.log('For Loop Number:${i}'); }; //while语句--------------------------- let i = 0; while(i<=6) { console.log('While Loop Number:${i}'); i++; .
javascript复习总结——语句
一心一意码代码
11-22 200
一些基本的语句不再累述for-in语句for(property in expression) statement;lable语句lable:statement;exp: start: while(1) alert("哈哈哈")break continue加标签扩大break推出范围outermost:... break outermost; ...with语句简写重复赋值，严格模式下不允许
Javascript入门阶段——if语句
weixin_52416367的博客
11-15 643
Javascript入门阶段——if语句 朝花夕拾明月夜 2020-11-11 20:11:36 90 收藏 2 分类专栏： JS Level1(入门课程) 文章标签： java javascript 算法 css 版权 1.课程大纲 if语句的基本用法 判断真假 ==表示是否相等 2.1 if语句 if语句：用来做条件判断。 if语句的语法结构，如下所示： if(①){ ② } 1 2 3 if关键字后面有一对小括号，小括号后面是一对大括号，①处放置判断条件，②处放置的是条件成立后执行的代码。 执行流
开发中切忌使用的JavaScript语句 —— with语句 和 eval语句
qq_49002903的博客
05-20 651
慎用的JavaScript语句之 with语句&eval语句 1、with语句 with语句 扩展一个语句的作用域链。 语法： with (expression) { statement } 参数： expression: 将给定的表达式添加到在评估语句时使用的作用域链上。表达式周围的括号是必需的。 statement: 任何语句。要执行多个语句，请使用一个块语句 ({ … })对这些语句进行分组。 如下展示了with语句的使用： // with 语句已经不推荐使用了 var mes
JavaScript例子——计算
03-01
这个“JavaScript例子——计算”很可能是提供了一些关于使用JavaScript进行计算的实例代码，帮助开发者理解如何利用JavaScript处理数学计算、逻辑运算或者更复杂的算法。 在JavaScript中，计算主要涉及以下几个方面...
javaScript语句大全2015
06-26
首先，我们要理解JavaScript的基础——变量声明。在2015年的JavaScript中，`var`关键字被广泛用于声明变量，但`let`和`const`的引入为块级作用域提供了新的选择。`let`允许你在同一作用域内重新赋值，而`const`则...
javascript-2
02-19
JavaScript-2这个主题可能指的是JavaScript的某个特定版本或者一个学习路径的第二部分。在JavaScript的发展历程中，从最初的ECMAScript 3（ES3）到现在的ECMAScript 2022（ES12），每个新版本都带来了许多改进和新...
JavaScript网页开发——体验式学习教程.pdf
02-12
教程首先会介绍JavaScript的基础知识，包括变量、数据类型（如字符串、数字、布尔值以及更复杂的数据结构如数组和对象）、运算符（算术、比较、逻辑等）以及流程控制（条件语句if...else、switch、循环for、while等...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 779
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
ReactRouter v6升级的步骤
feixin369的博客
07-14 428
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
vue搜索框过滤--- computed、watch区别
学习笔记分享给大家
07-16 344
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
react 快速入门思维导图
最新发布
weixin_44565776的博客
07-18 152
只要掌握了这些react技能，基本就可以熟练使用react了
自定义 Hooks 在 Vue3 中的应用和重要性
CodeQi技术小栈的博客
07-16 973
自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。
JavaScript教程：从基础到精通——深入理解if条件语句
"这篇教程主要关注的是JavaScript中的if条件语句，这是编程中用于实现条件判断的基本结构。JavaScript是一种轻量级的、基于对象和事件驱动的脚本语言，由Netscape公司开发，它无需编译即可在Web浏览器中直接运行。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值