如何调试html网页中的js代码
如何在html中调用js代码?？
1🐑-🐋🐗、首先打开Sublime text软件编写一个html页面🥅__🦘🏸，如下图所示2🐪🎍||🦊🧸、然后我们在html页面中添加script标签🐔👹|🐈⬛🦭，在script里简单的写一些JS的代码♥🐬——*，如下图所示3🪱_——🎄、接下来可以定义一个button按钮😡——🐹🦫，通过其click事件来调用JS的代码🐱☘️||🦁*，如下图所示4*😫-☀️🙂、当然😵-——🕷，如果调用的JS代码是外部的文件🐉🤣——☘🐕，则需要在开头的head标签内进行引入等会说🎎-_🤐。
一🐊|🌤、按F12快捷键打开Chrome控制台🦢😋--🌿🐡，点击“Sources”选项卡🪡__🥎，如图🐙-——🦬☁️：二🐷_🐑🐕、刷新当前网页🦋🎖-🥉⭐️，代码执行到“断点”处会停住🤤🦭-|🌩，如上图蓝色区域😭🐏——🦒；三🏈|🥏*❄、按F8快捷键可以在不同的断点之间切换🪄——🏐、按F10快捷键程序代码会一步步执行🥏||🪄，这样就能很方便定位到错误区域🐄-——🐙🃏，排查错误🐷_🎿🎲。说明😖_*🦇：火狐浏览器的操作方法和谷歌类似🌸🌧_🦨🎋，当然界面略好了吧🐺🐣-☁️！
1🐑-🐋🐗、首先打开Sublime text软件编写一个html页面🥅__🦘🏸，如下图所示2🐪🎍||🦊🧸、然后我们在html页面中添加script标签🐔👹|🐈⬛🦭，在script里简单的写一些JS的代码♥🐬——*，如下图所示3🪱_——🎄、接下来可以定义一个button按钮😡——🐹🦫，通过其click事件来调用JS的代码🐱☘️||🦁*，如下图所示4*😫-☀️🙂、当然😵-——🕷，如果调用的JS代码是外部的文件🐉🤣——☘🐕，则需要在开头的head标签内进行引入等会说🎎-_🤐。
一🐊|🌤、按F12快捷键打开Chrome控制台🦢😋--🌿🐡，点击“Sources”选项卡🪡__🥎，如图🐙-——🦬☁️：二🐷_🐑🐕、刷新当前网页🦋🎖-🥉⭐️，代码执行到“断点”处会停住🤤🦭-|🌩，如上图蓝色区域😭🐏——🦒；三🏈|🥏*❄、按F8快捷键可以在不同的断点之间切换🪄——🏐、按F10快捷键程序代码会一步步执行🥏||🪄，这样就能很方便定位到错误区域🐄-——🐙🃏，排查错误🐷_🎿🎲。说明😖_*🦇：火狐浏览器的操作方法和谷歌类似🌸🌧_🦨🎋，当然界面略好了吧🐺🐣-☁️！
1🖼_——🥎🐩、将这一段代码保存到一个文件中🙈🐼_🦘🐁。2🏐__🍂💐、注意🙊*——-🦛🐦，您可以任何文本工具创建js文件🦋🌔-🦮，不过您在保存的时候🦕_——😐🌱，需要将名字后缀名为.js💐🐘_🎑。3⭐️——🐪😱、这里将js文件保存为index.js😭🎈_——🤢🕷。之后如果我们需要使用index.js🦈_-🧶*。我们只需要调用即可😼😚|⛅️，不需要再写新的js文件🍁_🐉🦚。4*||🤩🌙、在html的head部分引入js文件🐖-🐃，具体的代码🦛————🤤。5*|🦋、这个引用是一个有帮助请点赞🦭-🙄。
1🏉————🎄🌚、以chrome为例🦘*——🤪🦔，首先打开需要调试的页面🌱__*，按F12快捷键打开调试工具🏓|-😱🏒。2🐿|🐚、选择指定的dom节点进行查看和编辑🐥♠_|🎲。3🕷🌵-😳、js断点调试😻🦝-🐾🐑：chrome非常强大🧸🪀__🐀，在chrome调试工具栏中🤡🐂_——🤢，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）☹️_|🐤🎰：我先写一段简单的js代码🦁🌻——🐈🦫：f好了吧🧶——-🪅🐒！
如何进行html调试和js脚本调试?？
方法/步骤1🐥_😃、以chrome为例🦘😂--🐳*，首先打开需要调试的页面🦒||🙉，按F12快捷键打开调试工具🦟😭————🐙。2🎫-🐍、选择指定的dom节点进行查看和编辑🌩🌒-😏。3😧__🥍🌍、js断点调试🐦🪴|🦄：chrome非常强大🐫🍁——*，在chrome调试工具栏中🐘🦘|_🌳，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）🦡————🎣😑：我先写一段简单后面会介绍🐂——_🦈。
HTML点击按钮调用JS文件或者直接调用JS代码的方法🌻-🦑🧶。如下参考♦|☹️🐓：1.将这段代码保存到一个文件中🥋🐣|-🤩，如下图所示🦅😛|-*🦝。2.请注意🐗|-🧨，您可以使用任何文本工具创建js文件🕹🥀-🦢🥉，但是在保存它时🧧*_🐊🦖，您需要将其后缀为.js🦠-🐈。3.将版本js文件保存为index.js😺🐝||🎾🐿。如果我们需要使用index*——🕷🥇。js🍀-_⚡️🦨。我们只需要调用它🃏🐵————🦀，不需要写一个新的js文件🎟|-😵😺。
如何在html中调用JS文件?？
") </script></body></html>三🐄🌻——🐸、在浏览器地址栏直接执行JavaScript脚本也可以在浏览器的地址栏中输入JavaScript语句🦫——☀️，由浏览器直接执行🎾🐑|_👽🦘。如输入😈🌟|-🐌：javascript:alert(200*75)四🐍🌑——_🌲、调用JavaScript文件可以将纯JavaScript的语句另外保存在一个"*.js"的文件中🌒||😄😐，需要时再调用🍃||🥅🌗。例子🎑🧨-🕷🙄：调用test.js文件🤕——_🦝，显示提示希望你能满意🐹_🌵。
（1）在html文件的head中添加代码☀️_🦗，例如🐡|-🎖：lt;script src="../js/jquery-1.7.1min.js"></script>（src是js文件的路径）（2）也可以把js文件直接拖进html页面科普🌓🛷-|😲：JS一种直译式脚本语言🍁*|-😾，是一种动态类型💥🐲——🤭、弱类型*😌|😋、基于原型的语言😇🤨|🕷🐙，内置支持类型🍀————🎍🐽。它的解释器被称为JavaScript引擎🎀💐-😔😴，为浏览器的一部分说完了🤕——-🐂🌲。
如何在html中调用js代码?？
内联🎣|💀🎏：你直接在<head></head>里面加上<script type=text/javascript>(这里面就是可以写你的JS代码了)</script> PS😷😩-|🧨👿：其实你的JS代码可以写在HTML的任何地方🐪🐥|🦗，但是可能会出错🤑😼——_🥅，所以一般都是写在头部♦||🦒，而不是写在其他位置🤓-🐒。外联🦒🌳_——**：就是你自己创建一个JS文件♥_🌖🌹，然后把你的代码写在JS文件里面🥊🦁|🦤🥋，在HTML页面等我继续说🛷🌕|_🤖🥅。
准备两个文件⚡️-🐿，一个是你要调用的js文件🐜_🔮🌸，用记事本里面写上你要的js代码🍁🎭_😔，我这里只做示例🤕🥌|_🧿🐜，就写个简单的弹窗alert("OK");保存成1.js😋🎃-*🌺。第二个文件html网页🦔😏——😪，用记事本写上<script type="text/javscript" src="1.js"></script>保存成1.html文件🌞🦌||🍂🤫。打开就可以了🌳🤡|_🐅。注意一定要把扩展名显示出来才能改希望你能满意💀🐬|_😩🐅。