关于javascript的一些知识以及循环
javascript的一些知识点:
1.常用的五大浏览器:chrome,firefox,Safari,ie,opera
2.浏览器是如何工作的简化版:
3.Js由ECMAjavascript;DOM;BOM组成;
4.js是弱类型语言(即需要游览器解析了才知道是什么类型的);

5.js是脚本语言(边解析边执行);
6.script也分行内样式,嵌套样式和外联样式。
外联样式一般写在body的最后,因为放在前面会先加载js代码然后再干其他的,影响用户体验。
7.同步和异步
同步:一行一行依次执行。
异步:可以同时执行几段内容
如:<script type="text/javascript"></script>
text是属性,后面的是属性值,这里改成以下属性和属性值执行过程会有改变:

《循环》
if(表达式 boolean类型){
}
if(表达式){
}else if(表达式){
}else if(表达式){
}...else
switch(n){
case ""具体值":
代码块;
break;
case ""具体值":
代码块;
break;
case ""具体值":
代码块;
break;
default:
代码块;
}
var i="1";
while(条件){
声明条件;
i++;
}
do {
执行语句;
}while(条件);
for(var i=0;i<"某个数";i++){
声明条件;
}
《一些练习》
1.冒泡排序:三遍
var arr=[12,11,5,7,9,23];
for(var i=0;i<arr.length-1;i++){
for(var j=0;j<arr.length-1-i;j++){
if(arr[j]>arr[j+1]){
var temp=arr[j];
arr[j]=arr[j+1];
arr[j+1]=temp;
}
}
}
console.log(arr);
2.判断一个数字是不是素数(质数)
for(var i=2;i<=100;i++){
for(var j=2;j<=i;j++){
if(i==j){
console.log(i);
}
if(i%j==0){
break;
}
}
}
3.提示用户输入班级人数,并输入每个人的成绩,求和及平均成绩,最高分和最低分
var user=parseInt(prompt("请输入班级人数"));
var sum=0;
var max=Number.MIN_VALUE;
var min=Number.MAX_VALUE;
var arr=[];
for(var i=0;i<user;i++){
arr[arr.length]=parseInt(prompt("请输入第"+(i+1)+"同学的成绩"));
sum+=arr[i];
if(max<arr[i]){
max=arr[i];
}
if(min>arr[i]){
min=arr[i];
}
}
console.log(sum);
console.log(sum/arr.length);
console.log(max);
console.log(min);
console.log(arr);
4.实现乘法口诀表(注:页面中加表格的)
document.write("<table border='1'>");
for(var i=1;i<=9;i++){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>");
document.write(i+"*"+j+"="+i*j);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
5.三角形
for(var i=1;i<=4;i++){
for(var j=1;j<=i;j++){
document.write("好");
}
document.write("<br />")
}
这些里面设计到大小值判断,求和,创建一个新数组并且赋值;数组中2个元素的对调,数据基本类型的转换parseInt;
如何用<table>
<tr>
<td></td>
</tr>
</table>
添加到循环中等问题,都很有代表性。
关于javascript的一些知识以及循环的更多相关文章
- Javascript开发者 常用知识
Javascript是一种日益增长的语言,特别是现在ECMAScript规范按照每年的发布时间表发布.伴随着这门语言的规模化和快速发展,掌握JS(不仅仅是jQuery)的重要性,变得更加重要. 这不是 ...
- JavaScript 面向对象开发知识基础总结
JavaScript 面向对象开发知识基础总结 最近看了两本书,书中有些内容对自己还是很新的,有些内容是之前自己理解不够深的,所以拿出来总结一下,这两本书的名字如下: JavaScript 面向对象精 ...
- Javascript并发模型和事件循环
Javascript并发模型和事件循环 JavaScript的"并发模型"是基于事件循环的,这个并发模型有别于Java的多线程, javascript的并发是单线程的. Javas ...
- 快速掌握JavaScript面试基础知识(三)
译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...
- 快速掌握JavaScript面试基础知识(二)
译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...
- javascript的event loop事件循环
javascript的event loop事件循环 这是今天一个朋友发给我的一个面试题, 感觉还挺有意思的, 写个博客以供分享 先看看这个面试题目: 观察下面的代码,写出输出结果 console.lo ...
- JavaScript的高级知识---词法分析
JavaScript的高级知识---词法分析 词法分析 词法分析方法: js运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤: 分析参数 再分析变量的声明 分析函数说明 函数在运行的瞬间, ...
- javascript的基础知识及面向对象和原型属性
自己总结一下javascript的基础知识,希望对大家有用,也希望大家来拍砖,毕竟是个人的理解啊 1.1 类型检查:typeof(验证数据类型是:string) var num = 123; cons ...
- JavaScript 中的12种循环遍历方法
原文:JavaScript 中的12种循环遍历方法 题目:请介绍 JavaScript 中有哪些循环和遍历的方法,说说它们的应用场景和优缺点? 1.for 循环 let arr = [1,2,3];f ...
随机推荐
- Script Task 引用 package variable
Script Task 能够使用C#代码进行编程,许多复杂的逻辑都可以使用C# 脚本来实现,不仅灵活,而且强大. 1,能够传递package variable 给 Script Task ,并且Scr ...
- 真正的mybatis_redis二级缓存
网上流传的代码缓存失效存在严重问题. 思路....以后再细说 目前的方案还不够完美,失效力度控制不够细. 主要代码 import java.io.BufferedReader; import java ...
- IO流-概览
一. 抽象类InputStream和OutputStream构成了了IO类的基础 因为面向字节流的对象不便于处理Unicode形式储存的信息,所以从抽象类Reader和Writer中继承出专门用于处理 ...
- IOS开发-KVC
1. 什么是kvc kvc--key-value coding,健值编码 可以通过key直接访问对象属性的value的方法 2.使用场景 kvc主要是为了让代码变的更简介明了 用的比较多的是在后台数据 ...
- Datatables 在asp.net mvc中的使用
前言 最近使用ABP(ASP.NET Boilerplate)做新项目,以前都是自己扩展一个HtmlHelper来完成同步/异步分页,但是有个地方一直不满意,排序太费劲. 以前接触过一点点的Datat ...
- .NET 三层架构的简单规划
今天心血来潮简单看了下petshop4.0的源代码,他就是用三层架构来实现的.现在简单的做下总结. 首先我们先看下petshop的三层架构. 1 WEB 表示层 2 Model 业务实体 3 BLL ...
- Spark入门实战系列--7.Spark Streaming(上)--实时流计算Spark Streaming原理介绍
[注]该系列文章以及使用到安装包/测试数据 可以在<倾情大奉送--Spark入门实战系列>获取 .Spark Streaming简介 1.1 概述 Spark Streaming 是Spa ...
- Metronic – 超赞!基于 Bootstrap 的响应式后台管理模板
Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现.Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页 ...
- android布局文件中android:icon="?attr/menuIconCamera"找不到对应图标路径
如 <item android:id="@+id/camera" android:title="Camera" android:icon="?a ...
- Azure China (7) 使用WebMetrix将Web Site发布至Azure China
<Windows Azure Platform 系列文章目录> 本章介绍的是,使用世纪互联运维的Azure云服务. 1.首先我们登陆Azure管理界面.http://manage.wind ...