美文网首页
前端(JavaScript)

前端(JavaScript)

作者: 埃菲尔上的铁塔梦i | 来源:发表于2018-08-19 18:44 被阅读0次
  • JavaScript:页面行为:部分动画效果、页面与用户的交互、页面功能
  • JavaScript嵌入页面的方式:

1、行间事件(主要用于事件)

<input type="button" name="" onclick="alert('ok!');">

2、页面script标签嵌入

<script type="text/javascript">
var a = '你好!';
alert(a);
</script>

3、外部引入

<script type="text/javascript" src="js/index.js"></script>

  • javascript语句与注释

1、一条javascript语句应该以“;”结尾

<script type="text/javascript">
var a = 123;
var b = 'str';
function fn(){
alert(a);
};
fn();
</script>

2、javascript注释

<script type="text/javascript"> // 单行注释
var a = 123;
/*
多行注释
1、...
2、...
*/
var b = 'str';
</script>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWord</title>
    <style type="text/css">
        
    </style>
    <script type="text/javascript">
         // 控制浏览器弹出一个警告框
         alert("小哥刚看到没?");
         // 页面输出一个内容
         document.write("看我出不出来");
         // 向控制台输出一个内容
         console.log("你猜我在那?")
    </script>
</head>
<body>
    <button onclick="alert('大叔大婶')">点我一下</button>
    <a href="javascript:alert('让你点你就点');">你也点我一下</a>
</body>
</html>

相关文章

网友评论

      本文标题:前端(JavaScript)

      本文链接:https://www.haomeiwen.com/subject/zcthiftx.html