THML基础<2>

2023-05-16

一、基本的JavaScript命令document.write();打印指定的文本内容到页面上、alert();弹出框

<script type="text/javascript">
    document.write("Hello<br />world!");
    alert("弹出框的内容");
</script>

 

在"document.write();"里使用了<br />(换行标签),所以abc和def被不在同一行里。

 二、变量、打印变量内容、弹出变量内容、打印变量数据类型

变量,用来存储一个值,这个值是可以改变的。 

用var声明变量,例如:设置一个变量名为a,存储值10,显示在页面上且再显示在弹窗上。

<script type="text/javascript">
    var a = 10;
    document.write(a);
    alert(a);
</script>

 

除此之外,在多设几个不同数据类型的变量,用document.write(typeof() + "<br/>");来判断并输出数据的类型,为了方便使用<br />把输出的数据换行分开。

<script type="text/javascript">
    var b = 20.67;
    var c = "大家好";
    var d = true;
    var e = null;
    var f = new Object();
    var g = new Array();
    var h;


	document.write(typeof(b) + "<br/>");
	document.write(typeof(c) + "<br/>");
	document.write(typeof(d) + "<br/>");
    document.write(typeof(e) + "<br/>");
	document.write(typeof(f) + "<br/>");
	document.write(typeof(g) + "<br/>");
	document.write(typeof(h) + "<br/>");
</script>

因为变量h没有存储"值",所以是undefined。数据类型分别是数、
字符串、布尔、对象、对象、对象、未定义

计算题一:

<script type="text/javascript">
    var num1 = prompt("请输入第一个结果");
	var num2 = prompt("请输入第二个结果");
    num1 = parseInt(num1);       /*把num1的数据类型转换成Int,因为字符串没法计算*/
	num2 = parseInt(num2);
			
	var num3 = num1 + num2;
	var num4 = num1 - num2;
	var num5 = num1 * num2;
	var num6 = num1 / num2;
			
	document.write("俩个数字的和是:" + num3 + "<br />");
	document.write("俩个数字的差是:" + num4 + "<br />");
	document.write("俩个数字的积是:" + num5 + "<br />");
	document.write("俩个数字的商是:" + num6 + "<br />");
</script>

 计算题二:

<script>
	var num = 10;
	num = num + 5;   /*等价于num += 5;*/
	num ++;          /*每次加一*/
	alert(num);      /*原先是10,后+5,在+1,共16*/
</script>

 三、for循环练习题

for (变量的初始化;条件判断;变量迭代) {
                执行内容
            }

<script type="text/javascript">
for (var i = 0; i < 20; i++) {
				document.write("俯卧撑" + i + "<br />");
			}
</script>
//求1~100之间所有数字的和
<script type="text/javascript">
    var sum1 = 0;
	for (var i = 1; i <= 100; i++) {
		sum1 += i;
	}
	document.write(sum1 + "<br />");			
</script>
//求1~100之间不能被3整除的所有数字的和
<script type="text/javascript">
		var sum2 = 0;
		for(var i = 1; i <= 100; i++){
			if(i % 3 != 0){
			    sum2 += i;
		    }
		}
		document.write(sum2 + "<br />");	
</script>
//鸡兔同笼,35只鸡和兔,共94条腿
<script type="text/javascript">
        for (var ji = 0; ji <= 35; ji ++) {
			if(ji * 2 + (35 - ji) * 4 == 94){   /*鸡的腿数+兔子的腿数=94条*/
				document.write("一共有" + ji +"只鸡," + (35 - ji) + "只兔子");
			}
		}	
</script>
//输出前20个斐波那契数列:从第三个数字开始,每个数字都是前两个数字的和,如1 1 3 5 8 13 21.。。。
<script type="text/javascript">
		var num1 = 1;
		var num2 = 1;
		document.write(num1 + "<br />");
		document.write(num2 + "<br />");
			
		for (var i = 0; i < 18; i++){
			var num3 = num1 + num2;
			document.write(num3 + "<br />");
			num1 = num2;
			num2 = num3;
		}
</script>
//素数:质数又称素数。一个大于1的自然数,除了1和它自身外,不能被其他自然数整除的数叫做质数
<script type="text/javascript">
		for (var num3 = 2; num <= 10000; num3++) {       /*从2开始则排除了1*/
			var flag = true                              /*true则是素数*/
			for (var i = 2; i <= num3 - 1; i++) {        /*num3 - 1则排除了自身*/
				if (num3 % i == 0) {
				    flag = false;                        /*flase则是非素数*/
					break;
				}
			}
			if (flag == true) {
				document.write(num3 + "<br />")
			}
		}
</script>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

THML基础<2> 的相关文章

  • 在Centos系统下git 遇到fatal: HTTP request failed,error: while accessing ;SSL connect error错误

    在Go项目中go get的时候遇到以下错误 src github com lib pq git error while accessing https github com lib pq info refs fatal HTTP reque
  • Gazebo学习笔记(一)

    搭建一个移动车 ctrl 43 m 进入到gazebo编辑界面 ctrl 43 m 进入到gazebo编辑界面 1 搭建一个车底盘 xff0c 选择simple shapes 的box xff0c 点击后在编辑框中释放 2 利用resize
  • ubuntu 安装openssl-devel

    需要安装openssl devel xff0c Github上的说明要用yum工具安装 xff0c 反复安装不上 xff0c 提示没有repos xff08 回购 xff09 xff0c 最后找到了方法 在Ubuntu系统里这是分开的两个
  • 1分钟教会你二进制撩妹(汉)读心术

    近些年来 xff0c 小魔发现 xff0c 对于年轻的男女而言 xff0c 一些传统的节日似乎都变成了情人节或者脱单节 xff0c 就连 光棍节 xff0c 实际上很多人都是抱着节前或者是当天脱单而过的 双11 光棍节 即将来临 xff0c
  • VLAN基础配置及Access接口、Trunk接口、Hybrid接口

    文章说明 xff1a 1 本文使用的软件是eNSP 2 退到下一层用命令quit xff0c 简写q 3 部分命令使用的是简写 和完整命令一样的作用 xff0c 按键盘上的 34 Tab 34 建可自动补全命令 用于查询的命令 xff1a
  • c++pthread多线程消费者问题

    分布式选修课上讲了多线程编程 xff0c 布置了一个生产者消费者的作业 xff0c 觉得挺有意思 xff0c 并且网络上的消费者问题多使用c语言编写 xff0c 故在此记录c 43 43 解决方法 由于是消费者线程各自计数 xff0c 故使
  • 红包动画

    lt DOCTYPE html gt lt html lang 61 34 en 34 data dpr 61 34 1 34 style 61 34 font size 32px 34 gt lt head gt lt meta char
  • Android中<xliff:g></xliff:g>的用法

    在查阅修改Android源码的过程中经常能在字符串资源中看到类似下面的标签 xff1a span class hljs tag lt span class hljs title resources span span class hljs
  • vue单文件组件的格式规范

    lt template gt lt template gt lt script gt export default name 39 39 mixins components props data return computed watch
  • Linux命令行安装weblogic12c

    Linux命令行安装weblogic12c 一 安装jdk 若已安装可跳过 1 Oracle官网下载jdk linux安装包 2 卸载linux系统中自带的jdk 使用rpm qa grep java查询出系统自带的jdk xff1b 使用
  • Ubuntu 远程免密码登录设置

    我们正常使用 ssh 远程登录服务器进行操作 xff0c 需要输入用户名 服务器ip以及密码 xff0c 当我们需要同时管理多个服务器的时候 xff0c 每次都需要重复输入这些东西会显得特别麻烦和浪费时间 xff0c 因此我们可以通过配置密
  • Mybatis resultMap启动时报错:Could not resolve type alias userResultMap Cannot find class: userResultMap

    MyBatis中在查询进行select映射的时候 xff0c 返回类型可以用resultType xff0c 也可以用resultMap xff0c resultType是直接 表示返回类型的 xff0c 而resultMap则是对外部Re
  • synchronized-锁总结

    目录 一 相关知识点 1 1 对象头 1 2 锁相关概念 1 3 查看对象头工具 二 锁流程 2 1 加锁 xff1a monitorenter 2 2 释放锁 xff1a monitorexit 一 相关知识点 在 JDK1 6 之前 x
  • 软件工程师校招面试救急包

    LeetCode牛人总结 xff08 手撕代码前看看 xff0c 抱佛脚 xff09 https github com labuladong fucking algorithm blob master README md 剑指offer x
  • 微信SDK中含有的支付功能怎么去掉?

    一 说在前面的话 这两天遇到一个特别让我DT的问题 xff0c 估计大家通过标题就能知道问题了 没错 xff0c 就是在应用中集成了微信SDK后 xff0c 它自动支持了微信分享 登录 收藏 支付等功能 这一点没啥 xff0c TM的关键点
  • Android中图片的镂空效果(不规则图形的镂空)

    一 说在前面的话 我们在做新手引导时 xff0c 经常会遇到凸显某一块功能时需求 xff0c 类似于下图 xff1a 看到这个功能点可能会有点头大 xff0c 不过好在Android为我们提供一个美好的工具 xff1a PorterDuff
  • 利用三层交换机实现VLAN间路由

    原理概述 xff1a VLAN将一个物理的LAN在逻辑上划分成多个广播域 VLAN内的主机间可以直接通信 xff0c 而VLAN间不能直接互通 在现实网络中 xff0c 经常会遇到需要跨VLAN相互访问的情况 xff0c 工程师通常会选择一
  • Failed to resolve attribute at index 6: TypedValue{t=0x2/d=0x7f0400cd a=7 r=0x7f06006e}

    今天在开发时 xff0c 遇到一个程序的Bug xff0c 记录一下 在Dialog中展示一个布局 xff0c 布局中包含了TextView报了下面的错误 xff0c 最开始还以为是颜色设置的问题 xff0c 反复核对了一下颜色设置并没有问
  • TextView的TextColor中使用selector的问题

    在TextView中如果设置选中 点击 获取焦点时 xff0c 文字颜色发生改变时 xff0c 一般我们会通过代码中设置 不过Android给我们提供了一个更简洁的方式 xff0c 就是通过selector去改变 只需要在Res目录下创建一

随机推荐

  • 彻底理解Java中堆和栈的区别

    1 概述 在Java中 xff0c 内存分为两部分 xff0c 一种是堆内存 xff0c 另一种就是栈内存 2 Java中变量在内存中的分配 1 类变量 static修饰的变量 xff1a 在程序加载时系统就为它在堆中开辟了内存 xff0c
  • 深入了解多线程的原理

    说在前面的话 使用多线程的目的 在多个CPU核心下 xff0c 多线程的好处是显而易见的 xff0c 不然多个CPU核心只跑一个线程其他的核心就都浪费了即便不考虑多核心 xff0c 在单核下 xff0c 多线程也是有意义的 xff0c 因为
  • An operation is not implemented: not implemented被坑之路[Kotlin]

    吐槽一下 xff0c 程序猿的辛酸史 今天在开发新项目时 xff0c 首次使用了Kotlin语言 xff0c 对于之前只在纸上谈兵 xff0c 未在项目中使用过的码农 xff0c 很是一脸懵逼 但是迫于公司的要求 xff0c 只能硬头皮冲吧
  • 开发Android Camera—使用Kotlin语言,完成第一个自定义相机

    对于首次使用Kotlin语言开发 xff0c 在网上苦于寻找不到Kotlin语言编写的相机代码 xff0c 故写下这篇博客 好了 xff0c 咱们进入主题 在Android 5 0 xff08 SDK 21 xff09 中 xff0c Go
  • Android ConstraintLayout性能分析

    这篇文件是讲述ConstraintLayout性能的分析 xff0c 如果对于使用ConstraintLayout不是很了解的情况下 xff0c 请查看Android ConstraintLayout完全解析和性能分析 xff08 章节一
  • 针对drawableStart(Top、End、Bottom)边距的设置-Android布局技巧

    作为Android程序猿 xff0c 在开发布局的过程中 xff0c 我们的宗旨是能用一个View完成的效果 xff0c 绝不会用两个View或者嵌套View来完成 至于它的好处 xff0c 就不言而喻了吧 不懂的自行到网上看 xff0c
  • markdown基本语法

    转载自 Cmd 技术渲染的沙箱页面 xff0c 点击此处编写自己的文档 Cmd Markdown 简明语法手册 标签 xff1a Cmd Markdown 1 斜体和粗体 使用 和 表示斜体和粗体 示例 xff1a 这是 斜体 xff0c
  • unix环境高级编程——UNIX体系架构

    本期主题 xff1a unix环境高级编程 UNIX体系架构 文件IO 0 初始UNIX1 系统调用2 库函数2 1 C语言的运行库 3 shell 0 初始UNIX 这里略过unix的历史不讲 xff0c 网上有比较详细的资料 我们可以将
  • HTML基础<1>

    一 图片标签与超链接 lt br gt 是空格 lt hr gt 是横线 lt img src 61 34 34 width 61 34 34 height 61 34 34 gt lt a href 61 34 https www bai
  • Android Lottie动画

    Android Lottie动画 在Android中 xff0c 往往UI会让写一些动画效果 xff0c 比如启动页心形跳动 xff0c 返回效果等 一般我们在项目中常用的动画无非是以下几种 xff1a 普通动画帧动画属性动画通过改变Lay
  • 我与人工智能的故事

    本文作者 xff1a 诸葛越 前 言 人工智能的三次浪潮 2018年年初 xff0c 招聘季正如火如荼地进行 xff0c 而 数据科学家 和 算法工程师 绝对算得上热门职业 人工智能 机器学习 深度学习 建模 卷积神经网络 等关键词 xff
  • GitHub安装和使用

    GitHub安装和使用 GitHub是一个基于git的代码托管平台 xff0c 付费用户可以建私人仓库 xff0c 一般的免费用户只能使用公共仓库 xff0c 也就是代码要公开 Github 由Chris Wanstrath PJ Hyet
  • Linux系统java安装

    1 下载 进入Oracle官网进行JDK下载 2 创建目录 span class token function mkdir span usr java span class token function cd span usr java 3
  • 过年之抢红包算法

    前言 昨天是大年初一 xff0c 怎么说呢 xff0c 因为在读大学 xff0c 没有出来工作 xff0c 所以昨晚也是陆陆续续有收到一些红包 然后想起自己对算法感兴趣 xff0c 以前也看过一些公众号有讲过抢红包算法 xff0c 今天就更
  • DL基本知识(七)FTRL优化器

    契机 最近工作方向为缩减模型规模 xff0c 切入点为L1正则化 xff0c 选择该切入点的理由如下 xff0c 众所周知 xff0c L1正则化能令权重矩阵更稀疏 在推荐系统中特征多为embedding xff0c 权重矩阵稀疏意味着一些
  • 生产者消费者问题的C语言实现

    实验六 生产者 消费者问题实验 一 实验目的 掌握Linux下生产者 消费者问题算法的实现 二 实验原理 1 clone系统调用 xff1a 功能 xff1a 创建一个轻进程或线程 用法 xff1a intclone int fn void
  • 项目中使用ts的一些技巧

    项目上使用ts一年多了 xff0c 一边写 xff0c 一边看 xff0c 总结了一些小技巧 xff0c 写了一些分享给大家 xff0c 如果对你有所帮助就转评赞三连来一个 xff0c 那么我们开始今天的正题 xff1b 1 type联合类
  • 史上最全的ubuntu服务器搭建环境教程~~~

    ubuntu服务器搭建环境 1 先安装xshell xff1a 远程服务器连接 xff08 取代直接在浏览器 上 访问 xff09 2 安装xftp xff08 ftp文件传输 xff09 直接双击红色圈圈即可 3 安装mysql数据库 x
  • ubuntu server 18.04 启用root账户自动登录

    新安装Ubuntu server 18 04 后 xff0c 不能使用root账户进行ssh登录 解决方案 设置root用户密码 sudo passwd root 修改文件 usr share lightdm lightdm conf d
  • THML基础<2>

    一 基本的JavaScript命令document write 打印指定的文本内容到页面上 alert 弹出框 lt script type 61 34 text javascript 34 gt document write 34 Hel