大家好，欢迎来到IT知识分享网。
<!DOCTYPE html> <!--声明标准-->
<html>
<head>
<meta charset="utf-8">
<title>test1</title>
</head>
<body>
<style>
*{margin: 0;padding: 0;}
</style>
hello,word;
</body>
</html>
IT知识分享网
一个完整页面代码，保存两个部分：申明网页遵守的标准和html代码；html代码部分有分为了两部分 head块和body块，head用于声明字符集、页面标题和应用js文件或者css文件等，body块就是我们实实在在能在网页上看见的内容代码。为了让我们页面布局更准确，所以style首先设置“margin: 0;padding: 0”,不同浏览器对div一些默认的约束。在使用标签的时候，通篇都使用div标签，其它（如：list标签）少用，在标签上达到个个浏览器统配性(个人教训：标签种类越用得多，页面通用就越差)。
IT知识分享网<script src="jquery-3.3.1.min.js"></script>
$("button").click(function(){
$.ajax({ type: "GET",data: {key1:value1},url:"https://www.toutiao.com/",success:function(result){
$("#div1").html(result);
}});
});
</script>
<div id="div1"></div>
对js要求：原生的js代码，可以不用写，但是你一定看得懂。而在实际工作中，大部分都是使用js框架（如：jquery，vue.js等框架），这些框架都是对js的封装，而且在各大浏览器兼容性方面也做得很出色（框架研发商们处理一些脏、乱活，我们只要调用就ok）。我推荐的还是jquery（vue.js近几年挺火），特别是网络请求方面，无论是get、post，更高级的ajax请求，都可以很好的兼容，而且使用很方面（不用关心http请求具体协议内容，如果有兴趣的可以看我以前文章）。
如果你项目要求全适配，由于pc和手机屏幕比例不一样，而且为了良好体验度，在细节的布局也会发生不一样的，所以只能做两个不同网页代码。对于用户设备配备，完全有webserver服务器代码来判断就好。
<script type="text/javascript">
function WebSocketTest(){
if ("WebSocket" in window){
alert("您的浏览器支持 WebSocket!");
var ws = new WebSocket("ws://www.toutiao.com/:9998/test");
ws.onopen = function(){ // Web Socket 已连接上，使用 send() 方法发送数据
ws.send("发送数据");
alert("数据发送中...");
};
ws.onmessage = function (evt) { //数据已接收
var received_msg = evt.data;
alert("数据已接收...");
};
ws.onclose = function(){ // 关闭 websocket
alert("连接已关闭...");
};
}else{ // 浏览器不支持 WebSocket
alert("您的浏览器不支持 WebSocket!");
}
}
</script>
最后，网页的websocket双工通讯，它区别于传统（socket通讯），完全不用自己分包，由本身协议自动处理，自动监听服务区消息，常常语言聊天工具和h5游戏（打开游戏新大门），懂的了websocket会让你技术能力巨大提升。
![老司机对网页前端代码经验总结（css,html,js,jquery）[通俗易懂]](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg "老司机对网页前端代码经验总结（css,html,js,jquery）[通俗易懂]插图1")
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/6980.html
