书写形式:
<!--行内JS-->
<button onclick="alert('今天天气很好!');">今天天气很好!
<!-- 外链式JS-->外部JS,在企业开发中用的较多
<script src="js/index.js"></script>
备注:一旦引入外部JS,则在 <script ></script>标签中间写的JS语句则不会执行。想写其他的代码,必须新用一个<script></script> 标签 </script></script>
<!-- 页内JS-->
<script>
window.onload =function ()
{
alert("今天天气很好!");
}
</script>
注意:内部JS和外部JS,统一在尾部书写。有一种情况特殊,JS如果是为了处理CSS的样式,我们在头部<head></head>书写,其他情况都在尾部
window.onload=function(){}在全局范围内只有一个起作用
注释:
1单行注释 //
2多行注释 /**/
3经典注释
4注释文化
输出方式:(与用户的交互行为)
1,在网页中弹出显示框,显示信息
<script>
window.alert('弹窗输出')
</script>
阻断式弹窗,就是,必须点击 确定 ,才能继续执行后面的代码
2,在控制台输出消息,一般用来调试程序
3,在网页中弹出输入框,一般用于接受用户输入的信息
4,在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用
//弹窗
window.alert('弹窗输出');
debugger;
-->
//在控制台进行输出
console.log('itlike.com');
console.error('这是一个错误!');
console.warn('这是一个警告!');
//向body中输出一些内容<动态的往页面里面写入一些内容>
window.document.write('你好,同学');
window.document.write('<h1>你好,同学</h1>');
//在网页中弹出输入框,一般用于接收用户信息
window.prompt('你想对我说些什么');
//5
window.confirm('你想对我说些什么');
//相对与alert多了一个 取消 的按钮
网友评论