JavaScript代码笔记重点:
JavaScript的基本特点:JavaScript是基本对象和事件驱动,具有实时性,动态性,跨平台性和安全性等。
JavaScript是对大小写敏感的。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
var num = Number(prompt("请输入一个0-100之间的数字",""));
if(isNaN(num)){
document.write("你输入的不是数字,请确认你的输入。");
}else if(num>0 || num<100){
document.write("你输入的数字范围不在0-100之间。");
}else{
document.write("你输入的数字是:"+num);
}
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
document.write("<center>");
var row = parseInt(prompt("请输入打印的行数",""));
for(var i=0;i<row;i++){
for(var j=0;j<=i;j++){
document.write(" * ");
}
document.write("<br/>");
}
document.write("</center>");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<tr>
<td><input name="addButton2" type="button" id="addBtn" value="+"></td>
<td><input name="subButton2" type="button" id="subBtn" value="-"></td>
<td><input name="mulButton2" type="button" id="mulBtn" value="*"></td>
<td><input name="divButton2" type="button" id="divBtn" value="/"></td>
</tr>
<<tr>
<td>计算机结果</td>
<td colspan="3"><input name="txtresult" type="text" id="txtresult" size="25"/></td>
</tr>
<script type="text/javascript">
function compute(obj){
var num1,num2,result;
num1 = parseFloat(document.myform.txtNum1.value);
num2 = parseFloat(document.myform.txtNum2.value);
switch(obj){
case"+":
result=num1+num2;
case"-":
result=num1-num2;
case"*":
result=num1*num2;
case"/":
if (num2!=0) {
result=num1/num2;
}else{
result="除数不能为0,请重新输入!";
}
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>选号题</title>
<style type="text/css">
.inputTxt{
height: 500px;
width: 600px;
font-size: 360px;
text-align: center;
}
</style>
<script type="text/javascript">
var timer;
function startScroll(){
var num = Math.floor(Math.random()*60+1);
document.myFrom.value=num;
timer = setTimeout("startScroll()",60);
}
function stopScroll(){
clearTimeout(timer);
}
</script>
</head>
<body>
<center>
<form name="myFrom">
<input name="myText" type="text" value="0" class="inputTxt"/>
<input name="start" type="button" value="开始" onclick="startScroll()"/>
<input name="stop" type="button" value="停止" onclick="stopScroll()"/>
</form>
</center>
</body>
</html>
关注我,每天都有优质技术文章推送。工作,学习累了的时候放松一下自己。
本文如果对你有帮助请点顶你的顶是对我最大的肯定!!!
JavaScript代码笔记重点:的更多相关文章
- <深入理解JavaScript>学习笔记(1)_编写高质量JavaScript代码的基本要点
注:本文是拜读了 深入理解JavaScript 之后深有感悟,故做次笔记方便之后查看. JQuery是一个很强大的JavaScript 类库,在我刚刚接触JavaScript的就开始用了. JQuer ...
- 辛星笔记之高质量JavaScript代码书写要点
首先本文章是http://www.zhangxinxu.com/wordpress/?p=1173 的读书笔记,读者能够自己到鑫旭的空间去阅读原文.这里我对其进行了简化. 可维护的代码的一些要求: ( ...
- JavaScript代码段整理笔记系列(二)
上篇介绍了15个常用代码段,本篇将把剩余的15个补齐,希望对大家有所帮助!!! 16.检测Shift.Alt.Ctrl键: event.shiftKey; //检测Shift event.altKey ...
- JavaScript代码段整理笔记系列(一)
30段JavaScript代码——上篇 1.如何区分IE及非IE浏览器: if(!+[1,]){ //IE 11 不支持 alert("这是 IE 浏览器"): }else{ al ...
- <Python Text Processing with NLTK 2.0 Cookbook>代码笔记
如下是<Python Text Processing with NLTK 2.0 Cookbook>一书部分章节的代码笔记. Tokenizing text into sentences ...
- javascript高级笔记——内含事件,DOM,BOM等
JavaScript高级笔记 1,DOM的简单学习 1.1,功能:用于控制HTML文档的内容: 1.2,获取页面标签对象:Element *document.getElementById(" ...
- Javascript学习笔记四——操作表单
Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...
- Javascript学习笔记三——操作DOM(二)
Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原 ...
- Javascript学习笔记二——操作DOM
Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector( ...
随机推荐
- vue之使用echarts
在main中 //import ElementUI from 'element-ui' //import 'element-ui/lib/theme-chalk/index.css' import e ...
- html5调用手机震动
在h5里面里面,浏览器对象有个vibrate属性.顾名思义,翻译过来就是震动的意思,这个api属性方法如下: 要调用的例子 if (window.navigator.vibrate) window.n ...
- Web前端面试总结(别人的)
http://note.youdao.com/noteshare?id=0bfbe45de0de0bc4735f867e5a6c528f&sub=D52F5C079DDE49F99A5118D ...
- 通过nginx部署前端代码实现前后端分离
实现前后端分离,可以让前后端独立开发.独立部署.独立单测,双方通过JSON进行数据交互. 对于前端开发人员来说,不用每次调试都需要启动或配置Java/Tomcat运行环境:对于后端开发人员来说 ,也不 ...
- .Net core3.0 集成swagger5.0上传文件
.Net core 3.0已经更新了,相信有挺多博主大佬们都更新了如何在.Net core3.0使用swagger,这里就不详细说了. 我们知道,如果.net core 2.x使用swagger上传文 ...
- DTC测试
DTC配置好后要在2台server之间测试下是否能使用. 1.在A台上建立ODBC的连接B. 控制面板→管理工具→ODBC Datat Source(32bit) 点击添加 选择SQL SERVER ...
- Linux运维技术之讲解RAID
RAID: 独立冗余磁盘阵列 ,将多块磁盘组合起来,组合成一个阵列,当成一个逻辑设备来使用的机制! RAID级别:仅代表磁盘组织不同,没有上下之分,组合raid时,不仅要考虑速度,还要考虑可用性. 磁 ...
- 轻量级C#编辑器RoslynPad((基于Roslyn编译器))
简介 RoslynPad是一个Apache 2.0协议开源的轻量级C#编辑器.支持自动完成,语法提示,修改建议等功能.很适合平时随手写个C#程序看看运行结果. 目前版本:0.10.1,无需保存也可以运 ...
- 2019牛客暑期多校训练营(第八场)A:All-one Matrices(广告牌问题 单调队列)
题意:给出N*M的01矩阵,求矩阵个数,满足矩阵内全是‘1’,,而且被至少一个’0‘围住.(假设边界外是‘0’.(N,M<3000) 思路:这类问题,一般解决就是两个方向: A:压缩一维,即枚举 ...
- 运维常用shell脚本之日志清理
1.创建一个日志清理脚本 #/bin/bash for i in `find /root/.pm2/logs -name "*.log"` do cat /dev/null > ...