JavaScript的基础教程
在HTML中使用JavaScript
主要方法是:就是使用<script>元素,
js的代码编写位置可以是:head,body外,html外
编写JavaScript的基本流程
布局:HTML/ASP.NET+CSS
属性:确定要修改哪些属性
事件:确定用户进行哪些操作?
编写:在事件中,用JavaScript来完成用户需求
向页面输出内容
document.write(文本内容)
弹出警告框
alert(文本内容)
输入语句
1:promot("标题",“默认值”)。不建议使用
2:通过表单元素进行输入
变量的声明和赋值
先声明变量,然后赋值
var name name="名字";
同时声明和赋值变量
var count=10;
声明多个变量,使用逗号
var x,y,z=10或者var x=y=z=10;
两者都声明三个变量,前者仅对Z赋值,后者全部赋值
下是一些示例:
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var stuName //声明一个变量
stuName = "张三" //给变量stuName赋值
alert(stuName) //通过弹出框的方式将变量的值
document.write(stuName) //将变量的值打印到页面上
document.write("<br />")
document.write(stuName)
//经常用于代码调试,主要是通过控制台进行输出
console.log(stuName)
var stuSex = "男"
var x = y = z = 10
console.log(x)
console.log(y)
console.log(z)
console.log(typeof stuName)
var isChecked = true
console.log(typeof isChecked)
console.log(typeof x)
</script>
</body>
</html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var num_1 = prompt("请输入第一个数字:")
var num_2 = prompt("请输入第二个数字:")
console.log(typeof num_1)
console.log(typeof num_2)
// parseInt将一个字符串类型的转换成整数
var result = parseInt(num_1) + parseInt(num_2)
console.log(typeof result)
console.log(parseInt("12.8")) //parseInt取整,不会进行四舍五入
// parseFloat();将一个字符串类型的转换成小数
console.log(parseFloat("12.5"))
</script>
</body>
</html>
JavaScript的基础教程相关推荐
- JavaScript脚本基础教程
1.JavaScript简单介绍 Javascript(简称js) 语言诞生主要是完成页面的数据验证.因此它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码. JS 是 Netsca ...
- 【JavaScript】基础教程
JS简介 JavaScript 是 WEB 开发者必学的三种语言之一: HTML 定义网页的内容 CSS 规定网页的布局 JavaScript 对网页行为进行编程 JavaScript对其它两种语言的 ...
- java script 菜鸟教程_JavaScript 菜鸟基础教程
<JavaScript 菜鸟基础教程>由会员分享,可在线阅读,更多相关<JavaScript 菜鸟基础教程(21页珍藏版)>请在人人文库网上搜索. 1.JavaScript 简 ...
- Web前端-JavaScript基础教程上
Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...
- javascript技术教程蔡敏_程序员都必掌握的前端教程之JavaScript基础教程(上)
阅读本文约需要10分钟,您可以先关注我们,避免下次无法找到. 本篇文章成哥继续带大家来学习前端教程之JavaScript,网页的动态事件基本上都是靠它来实现的.下面我们就一起来学习内容吧! 01 Ja ...
- javascript基础教程_JavaScript基础教程(九)对象、类的定义与使用
对象.类的定义与使用 对象与类是面向对象程序设计语言教学过程中不可避免需要讲解的内容之一.很多人将两者混为一谈,简单认为对象就是类,类就是对象.实际上深入分析的话,对象与类的区别还是较为明显的.本文主 ...
- 大工13秋 c/c++语言程序设计 在线作业3,大工19秋《JavaScript基础教程与应用》在线作业3【满分答案】...
大工19秋<JavaScript基础教程与应用>在线作业3 试卷总分:100 得分:100 一.单选题 (共 10 道试题,共 50 分) 1.下列不属于Javascript的基本组成的 ...
- JavaScript基础教程新手入门必看
对前端稍微有点了解的初学者都知道,JavaScript是必不可少的工具.毫不夸张的说,大部分网页都使用了JavaScript,想要成为一个优秀的前端工程师,做出漂亮令用户满意的网页,熟练掌握JavaS ...
- Web前端-JavaScript基础教程下
Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...
最新文章
- 2021年大数据HBase(十二):Apache Phoenix 二级索引
- 计算机组装与维护实例教程,计算机组装与维护案例教学-20210714101609.pdf-原创力文档...
- Javascript作用域问题的构造函数的变量
- python的lambda函数_Python-Lambda函数的范围及其参数?
- oracle asin(),PLSQL ASIN用法及代码示例
- PCB散热的10种方法!
- 阿里云成为首个通过“虚拟化云平台性能测试(大规模)”的云厂商
- ASP.NET向Javascript传递变量
- 详细对比9门主流编程语言
- 【数字信号调制】基于matlab二进制数字振幅调制与解调(2ASK)【含Matlab源码 996期】
- vscode 字体颜色变得花里胡哨的
- 阿里副总裁玄难:藏经阁计划首次在阿里应用落地
- unity3D的FingerGestures插件
- Data Science 到底是什么?
- SSD1963芯片引脚分布及其功能
- 基于JavaWeb的计算机网络在线测评系统(源码+数据库+论文)
- 8*8点阵引脚图 行列定义
- Sim300模块AT命令
- 外环最低13000/平 虎年新春楼市成交排行榜
- freeswitch 显示主叫名称和主叫号码