博客园  :: 首页  :: 管理

关于html-5中使用javascript-内部嵌入的方法

Posted on 2023-06-08 21:22  520_1351  阅读(105)  评论(0)  编辑  收藏  举报

对于html中，这里以html5为例，要使用javascript的话，一般有两种常用的方法

其一为：直接嵌入到html5文档之中， 其二，也可以在html5中引入外部的js文件（引入时便会执行外部js文件的内容）

今天主要讲解，如下在html5页面中，内部嵌入javascript代码的方法

还是以一个简单的html5代码就可以看到效果，使用 <script typt="text/javascript"> xxxx </script> 即可完成内部嵌入

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>个人主页-QQ:5201351</title>
    <script typt="text/javascript">
       alert("提示框");
       document.write("这里是javascript输出的内容:");
    </script>
</head>    

<body>
    
    您好！欢迎访问我的个人网页！

</body>

</html>

可以看到效果：会有一个弹窗提示：提示框

同样javascript也可以输出内容，展示到页面中，因此html文档打开后，会在 您好! 前面显示 【这里是javascript输出的内容:】

其他说明：笔者测试将 <script typt="text/javascript"> xxxx </script> 写到<body> 标签对内部也同样是有效的，只是一般是建议写到<head>标签对内部

 

 

 

尊重别人的劳动成果 转载请务必注明出处： https://www.cnblogs.com/5201351/p/17467727.html