初识JavaScript(day04)

最新推荐文章于 2024-11-04 22:26:34 发布

爱吃辣的小橙

最新推荐文章于 2024-11-04 22:26:34 发布

阅读量110

点赞数

文章标签： java 前端开发语言

本文链接：https://blog.csdn.net/Ccyqz1/article/details/121590649

版权

1.6 JS初体验

JS有三种书写位置,分别为行内,内嵌和外部

1.行内式JS("简单了解")

<input type = "button" value = "点击按钮" onclick = alert('Hello World')"/>

可以将单行或少量JS代码写在HTML标签的时间属性中(以on开头的属性),如onclick

注意单引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

可读性差,在HTML中编写JS大量代码时,不方便阅读;

引号易错,引号多层嵌套匹配时,非常容易弄混;

特殊情况使用

2.内嵌式(较常用)

<script>
alert('Hello World')
</script>

3.外部JS文件(较常用)写好引入路径

<script src"my.js"></script>

利于HTML页面代码结构化,把打断JS代码独立到HTML页面之外,既美观,也方便文件级别的复用

引用外部JS文件的script标签中间可以不写代码

适合于JS代码量比较大的情况

1.7JavaScript注释

跟Java一样,分为单行注释和多行注释

单行注释("//")

<script>
//alert('Hello World')
</script>

多行注释(/* ~*/)

<script>
/*
alert('Hello World')
alert('Hello World')
alert('Hello World')
*/
</script>

1.8JavaScript输入输出语句

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框,用户可以输入	浏览器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //这是一个输入框
    prompt('请输入年龄')
    //alert 弹出警示框 输出的  展示给用户的
    alert('计算的结果是')
    //console  控制台输出,给程序员测试用的
    console.log('在控制台输入')
</script>
</body>
</html>

上面则是三种输出语句

第一种语句: