js的helloworld
最常用的三条输出语句
- 控制浏览器弹出一个警告框 alert();
- 向body中输入一个内容 document.write();
- 向控制台输出一个内容 console.log();
- 弹出input输入框,可有返回值 var score = prompt(“请输入”);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--JS代码需要编写到script标签中-->
<script type="text/javascript">
/**
* 控制浏览器弹出一个警告框
*/
alert("第一个js代码");
/**
* 让计算机在页面中输出一个内容
* document.write();可以向body中输入一个内容
*/
document.write("看我出不出来~~~");
/**
* 向控制台输出一个内容
* console.log();
*/
console.log("你猜我在哪里出来呢?");
</script>
</head>
<body>
</body>
</html>
js的编写位置
- onclick属性中
- href属性中
- script标签中的代码
- 可以将js代编写到外部js文件中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--可以将js代编写到外部js文件中,然后通过script标签引入
写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制
推荐使用的方式
-->
<!--
script标签一旦引用外部外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略
如果需要则可以在创建一个新的script标签用于编写代码
-->
<script type="text/javascript" src="js/scriptdemo.js">
alert("我是script标签中的代码")//不执行
</script>
<script type="text/javascript">
alert("我是script标签中的代码")
</script>
</head>
<body>
<!--可以将js代码编写到标签的onclick属性中
当我们点击按钮时,js代码才会执行
虽然可以写在标签中的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用
-->
<button onclick="alert('讨厌,你点我干嘛');">点我一下</button>
<!--
可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码
-->
<a href="javascript:alert('让你点你就点');">你也点我一下</a>
<a href="javascript:;">你也点我一下</a>
</body>
</html>
js基本语法
- JS中严格区分大小写
- JS中每条语句已分号(;)结尾
- 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源
- 而且有些时候,浏览器会加错分号,所以在开发中分号必须写 - JS会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
/*
* 多行注释
* JS注释
* 多行注释,注释中的内容不会被执行,但是可以字啊源代码中查看
* 要养成良好的编写注释的习惯,也可以通过注释对代码进行简单的调试
* */
//单行注释
alert("hello");
document.write("hello");
console.log("hello");
/*
* 1.JS中严格区分大小写
* 2.JS中每条语句已分号(;)结尾
* - 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源
* - 而且有些时候,浏览器会加错分号,所以在开发中分号必须写
* 3.JS会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化
*
* */
alert
(
123
)
</script>
</head>
<body>
</body>
</html>