全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:4007654355

至,定义标题级别。 (6),定义段落。 (7),定义超链接。 2. CSS CSS(Cascading Style Sheets)用于控制网页的样式和布局。以下是一些常见的CSS属性, (1)color,设置文本颜色。 (2)background-color,设置背景颜色。 (3)padding,设置内边距。 (4)margin,设置外边距。 (5)width,设置宽度。 (6

本文介绍了网页设计与编程的基础知识,包括HTML、CSS和J*aScript的基本概念及常用属性和语句。通过Dreamwe*er(DW)创建新文档,并编写HTML代码,实现一个简单的网页设计。

本文旨在深入浅出地阐述网页设计的基础要素,涵盖HTML标签、CSS样式属性以及J*aScript语句的应用,CSS负责控制网页的样式和布局,而J*aScript则赋予网页交互功能,文章进一步展示了如何利用Dreamwe*er(简称DW)这一强大工具创建新文档,并编写基础HTML代码来构建一个简易的网页。

### DW网页设计代码入门指南:轻松掌握网页 *** 的艺术

**中心图示:

![至
级别](/zb_users/upload/post_aigc_pic/category_1/be49649e05bce138151935b01558d0e5_0.png)

**一、引言

随着互联网技术的飞速发展,网站建设已成为企业和个人展示形象、传播信息的关键平台,Dreamwe*er(简称DW)作为一款功能全面的网页设计软件,以其便捷的代码编辑、直观的可视化操作和实时预览功能,赢得了众多设计师的青睐,本文将为您详细介绍DW网页设计代码的基础知识,助您轻松驾驭网页 *** 的艺术。

**二、DW网页设计代码概述

1. **DW简介

Dreamwe*er是由Adobe公司开发的一款综合性网页设计软件,集代码编辑、可视化操作和预览功能于一体,它支持多种编程语言,如HTML、CSS、J*aScript等,为设计师提供了高效创建网页的途径。

2. **DW网页设计代码的重要性

DW网页设计代码是构建网页的基石,掌握代码能让我们更深入地理解网页的结构与原理,从而提升网页 *** 效率,以下是DW网页设计代码的重要性体现:

- **提高网页 *** 效率**:直接编写代码可以快速实现网页效果,减少不必要的重复操作。

- **增强网页兼容性**:熟悉代码有助于解决不同浏览器之间的兼容性问题。

- **优化网页性能**:了解代码可以帮助我们更好地优化网页性能,提升用户体验。

**三、DW网页设计代码入门

1. **HTML

HTML(HyperText Markup Language,超文本标记语言)是网页 *** 的基础,用于定义网页的结构和内容,以下是一些常见的HTML标签:

- ``:定义整个HTML文档。 - ``:包含文档的元数据,如标题、字符编码等。 - ``:定义网页标题。 - `<body>`:包含网页的主要内容。 - `<p>`:定义段落。 - ``:定义超链接。<p>2. **CSS</p><p>CSS(Cascading Style Sheets,层叠样式表)用于控制网页的样式和布局,以下是一些常见的CSS属性:</p><p> - `color`:设置文本颜色。</p><p> - `background-color`:设置背景颜色。</p><p> - `padding`:设置内边距。</p><p> - `margin`:设置外边距。</p><p> - `width`:设置宽度。</p><p> - `height`:设置高度。</p><p>3. **J*aScript</p><p>J*aScript是一种用于网页交互的脚本语言,可以实现网页的动态效果,以下是一些常见的J*aScript语句:</p><p> - `document.write`:在网页上输出内容。</p><p> - `alert`:弹出一个对话框。</p><p> - `confirm`:弹出一个确认框。</p><p> - `prompt`:弹出一个输入框。</p><p>**四、DW网页设计代码实践</p><p>1. **创建新文档</p><p>打开DW,选择“新建”>“HTML”,创建一个新的HTML文档。</p><p>2. **编写HTML代码</p><p>在DW的代码视图中,输入以下HTML代码:</p><p>```html</p><!DOCTYPE html><html><head><title>我的之一个网页

欢迎来到我的网页

一、引言

随着互联网的普及,越来越多的企业和个人开始重视网站建设,DW(Dreamwe*er)作为一款专业的网页设计软件,深受广大设计师的喜爱,本文将为您介绍DW网页设计代码的基础知识,帮助您轻松掌握网页 *** 技巧。

二、DW网页设计代码概述

1. DW简介

Dreamwe*er是一款由Adobe公司开发的网页设计软件,集代码编辑、可视化操作和预览功能于一体,它支持多种编程语言,如HTML、CSS、J*aScript等,可以帮助设计师快速创建网页。

2. DW网页设计代码的重要性

(1)提高网页 *** 效率:通过直接编写代码,可以快速实现网页效果,减少重复操作。

(2)提高网页兼容性:熟悉代码可以帮助我们解决不同浏览器之间的兼容性问题。

(3)优化网页性能:了解代码可以让我们更好地优化网页性能,提高用户体验。

三、DW网页设计代码入门

1. HTML

HTML(HyperText Markup Language)是网页 *** 的基础,用于定义网页的结构和内容,以下是一些常见的HTML标签:

(1):定义整个HTML文档。

(2):包含文档的元数据,如标题、字符编码等。

(3):定义网页标题。</p><p>(4)<body>:包含网页的主要内容。</p><p>(5)<p>:这是一个段落。</p><p>百度一下</p></body></html><p>```</p><p>3. **编写CSS代码</p><p>在DW的代码视图中,选择“插入”>“CSS样式表”,创建一个新的CSS样式表,输入以下CSS代码:</p><p>```css</p><p>body {</p><p> background-color: #f0f0f0;</p><p>h1 {</p><p> color: #333;</p><p>p {</p><p> color: #666;</p><p>a {</p><p> color: #00f;</p><p>```</p><p>4. **预览网页</p><p>按F12键,在浏览器中预览网页,查看效果。</p><p>**五、总结</p><p>本文深入浅出地介绍了DW网页设计代码的基础知识,包括HTML、CSS和J*aScript,通过学习这些知识,您可以轻松掌握网页 *** 技巧,提高工作效率,希望本文对您的学习之路有所帮助。</p> <!-- 详情页标签输出开始 --> <p><br> # <a href="/tags/569400.html" target="_blank" >无锡网站建设渠道</a>  # <a href="/tags/665316.html" target="_blank" >建设监理协会网站首页</a>  # <a href="/tags/393229.html" target="_blank" >衡中网站建设总结ppt</a>  # <a href="/tags/279748.html" target="_blank" >黄石网站推广怎么做</a>  # <a href="/tags/665317.html" target="_blank" >河南微博营销推广</a>  # <a href="/tags/665318.html" target="_blank" >米粉营销推广方案设计</a>  # <a href="/tags/658220.html" target="_blank" >吉林淘宝网站建设业务</a>  # <a href="/tags/665319.html" target="_blank" >南沙公司网站推广费用</a>  # <a href="/tags/665320.html" target="_blank" >南京营销推广报名网站是什么</a>  # <a href="/tags/665321.html" target="_blank" >河南全网营销整合推广</a>  # <a href="/tags/665322.html" target="_blank" >沈阳网站建设及推广</a>  # <a href="/tags/1357.html" target="_blank" >可以帮助</a>  # <a href="/tags/665323.html" target="_blank" >58同城推广网站是什么</a>  # <a href="/tags/665324.html" target="_blank" >ai网站引流推广怎么做</a>  # <a href="/tags/665325.html" target="_blank" >巴南网络推广网站建设</a>  # <a href="/tags/643024.html" target="_blank" >河北网站建设地点</a>  # <a href="/tags/665326.html" target="_blank" >专业类平台网站推广</a>  # <a href="/tags/665327.html" target="_blank" >卫浴推广营销方案模板</a>  # <a href="/tags/375682.html" target="_blank" >岳阳网站建设与推广方案</a>  # <a href="/tags/665328.html" target="_blank" >保定推广网站案例</a>  # <a href="/tags/320531.html" target="_blank" >潞城高端网站建设项目</a>  # <a href="/tags/665315.html" target="_blank" >标题级别</a>  # <a href="/tags/665305.html" target="_blank" >定义标题级别。 (6)</a>  # <a href="/tags/665306.html" target="_blank" >定义段落。 (7)</a>  # <a href="/tags/665307.html" target="_blank" >定义超链接。 2. CSS CSS(Cascading Style Sheets)用于控制网页的</a>  # <a href="/tags/665308.html" target="_blank" >(1)color</a>  # <a href="/tags/665309.html" target="_blank" >设置文本颜色。 (2)background-color</a>  # <a href="/tags/665310.html" target="_blank" >设置背景颜色。 (3)padding</a>  # <a href="/tags/665311.html" target="_blank" >设置内边距。 (4)margin</a>  # <a href="/tags/665312.html" target="_blank" >设置外边距。 (5)width</a>  # <a href="/tags/665313.html" target="_blank" >设置宽度。 (6)height</a>  # <a href="/tags/665314.html" target="_blank" >设置高度。 3. J*aScript J*aScript是一种用于网页交互的</a>  # <a href="/tags/665304.html" target="_blank" >至</a>  # <a href="/tags/4218.html" target="_blank" >超链接</a>  # <a href="/tags/3245.html" target="_blank" >网页设计</a>  # <a href="/tags/40382.html" target="_blank" >重视网站建设</a>  # <a href="/tags/1667.html" target="_blank" >网站建设</a>  # <a href="/tags/40981.html" target="_blank" >文档</a>  # <a href="/tags/1462.html" target="_blank" >是一种</a>  # <a href="/tags/3474.html" target="_blank" >创建一个</a>  # <a href="/tags/3527.html" target="_blank" >设计软件</a>  # <a href="/tags/4016.html" target="_blank" >弹出</a>  </p> <!-- 详情页标签输出结束 --> <!-- 随机文章输出开始 --> <p><br>相关文章: <a href='/seo/25869.html'>SEO优化什么意思?彻底解读SEO的核心价值与操作技巧</a>  <a href='/seo/1411.html'>AI写文章:智能创作新时代</a>  <a href='/seo/716.html'>AI人工智能软件哪个好用?2024年必备工具推荐!</a>  <a href='/seo/1849.html'>齐齐哈尔SEO排名电话介绍,提升企业在线影响力的方法</a>  <a href='/seo/1035.html'>在线AI写文章生成器:轻松撰写高质量内容,释放创作潜力</a>  <a href='/seo/26009.html'>SEO哪家好?选择专业SEO公司助你打破流量瓶颈</a>  <a href='/seo/25860.html'>SEO代表什么?让我们深度解析搜索引擎优化的核心意义与实战技巧</a>  <a href='/seo/1342.html'>AI写作在线生成器免费智能时代的创作利器</a>  <a href='/seo/1343.html'>AI写作在线制作:解放创意,提升写作效率的全新体验</a>  <a href='/seo/25885.html'>SEO优化图片:提升网站流量的关键策略</a>  <a href='/seo/1231.html'>文章AI排版,让创作更高效的秘密武器</a>  <a href='/seo/1514.html'>AI文稿智能写作的未来</a>  <a href='/seo/25938.html'>SEO优化网络:让您的网站在搜索引擎中脱颖而出</a>  <a href='/seo/887.html'>AI智能文案工具,让创意写作更高效</a>  <a href='/seo/740.html'>AI创作哪个软件最好用?创作新方式!</a>  <a href='/seo/1223.html'>文章写作AI:让创作更高效、精准的智能助手</a>  <a href='/seo/25992.html'>SEO刷词:提升网站排名的秘密武器</a>  <a href='/seo/1176.html'>未来写作新模式文章撰写AI如何助力内容创作</a>  <a href='/seo/1383.html'>AI写文章指令:让创作更高效的秘密武器</a>  <a href='/seo/1384.html'>AI写文章怎么查相似度?一文揭秘高效查重方法!</a>  <a href='/seo/26106.html'>SEO按词收费的优势与挑战:为何越来越多企业选择这种模式?</a>  <a href='/seo/1510.html'>AI文稿生成:未来写作的新革命</a>  <a href='/seo/756.html'>AI写作器:创作新天地,轻松打造高效内容</a>  <a href='/seo/1263.html'>用AI征文工具,轻松创作出精彩文章!</a>  <a href='/seo/26059.html'>SEO工具是什么?让你轻松玩转搜索引擎优化,提升网站流量</a>  <a href='/seo/1391.html'>AI写文章生成器免费让创作更轻松,内容生产不再烦恼</a>  <a href='/seo/808.html'>AI工具合集导航:打造智能工作与生活的全能助手</a>  <a href='/seo/1525.html'>AI文章大纲:开启高效创作的智能之门</a>  <a href='/seo/1151.html'>怎么用AI生成一篇文章?高效创作指南全揭秘!</a>  <a href='/seo/1346.html'>AI写作自动生成:助您开启高效创作新时代</a>  <a href='/seo/1562.html'>AI文章生成器免费在线:助你轻松创作高质量内容</a>  <a href='/seo/25916.html'>SEO优化的作用:助力企业数字化转型,提升品牌竞争力</a>  <a href='/seo/1396.html'>AI写文章重复率:提升内容创作质量的关键</a>  <a href='/seo/25963.html'>SEO关键字优化:提升网站排名的秘诀</a>  <a href='/seo/1481.html'>AI技术革命:改变未来的智能时代</a>  <a href='/seo/25849.html'>SEO产品推广:如何通过搜索引擎优化提升产品曝光与销售</a>  <a href='/seo/26076.html'>SEO引流怎么做?这几个技巧,轻松提升网站流量</a>  <a href='/seo/25820.html'>SEO与SEM的不同:深度解析两大网络营销手段的优势与应用</a>  <a href='/seo/1308.html'>AI免费生成文章的软件:轻松创作的秘密武器</a>  <a href='/seo/1313.html'>AI免费写文:创作新时代的高效助手</a>  <a href='/seo/1507.html'>AI文章书写:让创作更高效、更智能</a>  <a href='/seo/1469.html'>AI怎么写文章?让智能创作成为你的高效助手</a>  <a href='/seo/1211.html'>提升写作效率,释放创意潜力文章生成AI软件的未来</a>  <a href='/seo/1545.html'>AI文章生成哪个好?全面解析热门工具,助力高效创作!</a>  <a href='/seo/1156.html'>AI免费工具:提升效率与创意的秘密武器</a>  <a href='/seo/1055.html'>国内优秀AI软件推荐,提升工作效率的必备利器</a>  <a href='/seo/1560.html'>AI文章生成器哪个好用?为您推荐超实用的写作利器!</a>  <a href='/seo/1366.html'>AI写文章大纲创作新方式,轻松提升写作效率</a>  <a href='/seo/1539.html'>AI文章指令:创作新思维,赋能你的写作体验</a>  <a href='/seo/1336.html'>AI写作生成免费让创作更轻松,让内容更精彩</a>  </p> <!-- 随机文章输出结束 --> </div> <div class="info_nav"> <a href="/seo/" class="info_back">返回目录</a> <a href="http://wpa.qq.com/msgrd?v=3&uin=915688610&site=qq&menu=yes" class="info_qq info_qqq">在线咨询</a> </div> <div class="art_prev_next"> <a href='/seo/122853.html' title='打造卓越品牌,做网页设计公司的核心竞争力,网页设计公司核心竞争力,打造卓越品牌之道'> 上一篇:打造卓越品牌,做网页设计公司的核心竞争力,网页设计公司核心竞争力,打造卓越品牌之道 </a> <br /> <a href='/seo/122855.html' title='网页设计步骤详解,从构思到上线,打造完美网页,网页设计全流程攻略,从构思到上线,打造极致网页体验'> 下一篇:网页设计步骤详解,从构思到上线,打造完美网页,网页设计全流程攻略,从构思到上线,打造极致网页体验 </a> </div> </div> <div class="fangan_right"> <div class="imsg fangan_msg" id="fangan_msg"> <h2>您的项目需求</h2> <div class="s1"> <form method="POST" action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn" enctype="multipart/form-data" onsubmit="return submit9e9796d22af15142dda0ea0431367f3a(this);" > <input class="s1-a" id='attr_26' name='attr_26' type="text" placeholder="称呼姓名"> <input class="s1-a" id='attr_27' name='attr_27' type="text" placeholder="联系电话"> <input class="s1-b" id='attr_28' name='attr_28' type="text" placeholder="请您在这里描述您的需求!"> <input class="s1-c" type="submit" name="submit" value="提交项目需求"> <input type="hidden" name="gourl" id="gourl_9e9796d22af15142dda0ea0431367f3a" value="http%3A%2F%2Fwww.yjrwz.cn%2Fseo%2F122854.html" /><input type="hidden" name="typeid" value="19" /><input type="hidden" name="__token__9e9796d22af15142dda0ea0431367f3a" id="9e9796d22af15142dda0ea0431367f3a" value="" /><input type="hidden" name="form_type" value="0" /><script type="text/javascript"> function submit9e9796d22af15142dda0ea0431367f3a(elements) { if (document.getElementById('gourl_9e9796d22af15142dda0ea0431367f3a')) { document.getElementById('gourl_9e9796d22af15142dda0ea0431367f3a').value = encodeURIComponent(window.location.href); } var x = elements; for (var i=0;i<x.length;i++) { if(x[i].name == 'attr_27' && x[i].value.length == 0){ alert('电话不能为空!'); return false; } if(x[i].name == 'attr_27' && !(/^([\d\-\+]+)$/.test( x[i].value)) && x[i].value.length > 0){ alert('电话格式不正确!!'); return false; } } elements.submit(); } function ey_fleshVerify_1747079798(id) { var token = id.replace(/verify_/g, '__token__'); var src = "/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token="+token; src += "&r="+ Math.floor(Math.random()*100); document.getElementById(id).src = src; } function f1366a04aa02ea38e8c8fcb91e98a5ef7() { var ajax = new XMLHttpRequest(); ajax.open("post", "/index.php?m=api&c=Ajax&a=get_token", true); ajax.setRequestHeader("X-Requested-With","XMLHttpRequest"); ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ajax.send("name=__token__9e9796d22af15142dda0ea0431367f3a"); ajax.onreadystatechange = function () { if (ajax.readyState==4 && ajax.status==200) { document.getElementById("9e9796d22af15142dda0ea0431367f3a").value = ajax.responseText; document.getElementById("gourl_9e9796d22af15142dda0ea0431367f3a").value = encodeURIComponent(window.location.href);  } } } f1366a04aa02ea38e8c8fcb91e98a5ef7(); function getNext1598839807(id,name,level) { var input = document.getElementById('attr_'+name); var first = document.getElementById('first_id_'+name); var second = document.getElementById('second_id_'+name); var third = document.getElementById('third_id_'+name); var findex ='', fvalue = '',sindex = '',svalue = '',tindex = '',tvalue = '',value=''; if (level == 1){ if (second) { second.style.display = 'none'; second.innerHTML = ''; } if (third) { third.style.display = 'none'; third.innerHTML = ''; } findex = first.selectedIndex; fvalue = first.options[findex].value; input.value = fvalue; value = fvalue; } else if (level == 2){ if (third) { third.style.display = 'none'; third.innerHTML = ''; } findex = first.selectedIndex; fvalue = first.options[findex].value; sindex = second.selectedIndex; svalue = second.options[sindex].value; if (svalue) { input.value = fvalue+','+svalue; value = svalue; }else{ input.value = fvalue; } } else if (level == 3){ findex = first.selectedIndex; fvalue = first.options[findex].value; sindex = second.selectedIndex; svalue = second.options[sindex].value; tindex = third.selectedIndex; tvalue = third.options[tindex].value; if (tvalue) { input.value = fvalue+','+svalue+','+tvalue; value = tvalue; }else{ input.value = fvalue+','+svalue; } } if (value) { if(document.getElementById(id)) { document.getElementById(id).options.add(new Option('请选择','')); var ajax = new XMLHttpRequest(); ajax.open("post", "/index.php?m=api&c=Ajax&a=get_region", true); ajax.setRequestHeader("X-Requested-With","XMLHttpRequest"); ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ajax.send("pid="+value); ajax.onreadystatechange = function () { if (ajax.readyState==4 && ajax.status==200) { var data = JSON.parse(ajax.responseText).data; if (data) { data.forEach(function(item) { document.getElementById(id).options.add(new Option(item.name,item.id)); document.getElementById(id).style.display = "block"; }); }  } } } } } </script> </form> </div> <p>*请认真填写需求信息,我们会在24小时内与您取得联系。</p> </div> </div> <div class="clearfix"></div> </div> </div> </div> <script src="/template/28521/pc/skin/css/js/common.js" type="text/javascript"></script> <div class="footer"> <div class="zcon"> <div class="l lianxi"> © <script>document.write( new Date().getFullYear() );</script> 笺若科技 版权所有   <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">皖ICP备2024049916号</a> <a href="http://lcjo.cn">笺若科技</a> <a href="http://hfmfjz.net">合肥免费建站公司</a> <a href="http://yjrwz.cn">合肥搜索推广</a> <a href="http://hfmfjz.cn">合肥搜索优化</a> <a href="http://nortoneducation.com">合肥SEO优化</a> <a href="http://hfweb.net">合肥建站推广</a> <a href="http://wzwek.cn">合肥网站SEO</a> <a href="http://heysheji.com">合肥网站优化</a> <a href="http://www.lcjo.cn">合肥网站建设</a> <a href="http://www.hfmfjz.net">合肥网站优化</a> <a href="http://www.yjrwz.cn">合肥搜索推广</a> <a href="http://www.hfmfjz.cn">合肥搜索优化</a> <a href="http://www.nortoneducation.com">合肥SEO优化</a> <a href="http://www.hfweb.net">合肥建站推广</a> <a href="http://www.wzwek.cn">合肥网站SEO</a> <a href="http://www.heysheji.com">合肥网站优化</a> <a href="http://m.lcjo.cn">合肥网站建设</a> <a href="http://m.hfmfjz.net">合肥网站优化</a> <a href="http://m.yjrwz.cn">合肥搜索推广</a> <a href="http://m.hfmfjz.cn">合肥搜索优化</a> <a href="http://m.nortoneducation.com">合肥SEO优化</a> <a href="http://m.hfweb.net">合肥建站推广</a> <a href="http://m.wzwek.cn">合肥网站SEO</a> <a href="http://m.heysheji.com">合肥网站优化</a><br> 联系电话: 4007654355   E-mail:915688610@qq.com <br> 主营业务:网络营销推广、网站SEO优化、网站定制、营销型网站建设、微商城制作、三级分销系统开发</div> <div class="r foot_erweima" style="float: right;width: 108px;height: 108px;margin-right: 10px;margin-top: 12px;"><img src="/uploads/allimg/20250408/1-25040Q12K0956.jpg" width=108 > </div> <div class="clearfix"></div> </div> </div> <div class="yb_conct"> <div class="yb_bar"> <ul> <li class="yb_top">返回顶部</li> <li class="yb_phone">4007654355</li> <li class="yb_QQ"> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=915688610&site=qq&menu=yes" title="网站开发咨询">QQ在线</a> </li> <li class="yb_ercode" style="height:53px;">微信二维码 <br> <img class="hd_qr" src="/uploads/allimg/20250408/1-25040Q12K0956.jpg" alt=""> </li> </ul> </div> </div> <div class="phone_foot"> <div class="pfoot_box"> <div class="pfoot_col"><a class="" href="tel:4007654355">电话沟通</a></div> <div class="pfoot_col"><a class="pfoot_col_qiao" href="http://wpa.qq.com/msgrd?v=3&uin=915688610&site=qq&menu=yes">在线客服</a></div> <div class="clearfix"></div> </div> </div> <script type="text/javascript"> $(function(){ $('.nav li').hover(function(){ $('span',this).stop().css('height','2px'); $('span',this).animate({ left:'0', width:'100%', right:'0' }, 200); },function(){ $('span',this).stop().animate({ left:'50%', width:'0' }, 200); }); $('.nav li').click(function(){ $(this).addClass("current").siblings().removeClass("current"); }); // 悬浮窗口 $(".yb_conct").hover(function() { $(".yb_conct").css("right", "5px"); $(".yb_bar .yb_ercode").css('height', '190px'); }, function() { $(".yb_conct").css("right", "-127px"); $(".yb_bar .yb_ercode").css('height', '53px'); }); // 返回顶部 $(".yb_top").click(function() { $("html,body").animate({ 'scrollTop': '0px' }, 300) }); }); </script> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> <!-- 自身链接拓展 --> <span id="linkself" style="display:none;height:0;overflow: hidden;font-size: 0;"></span> <script> // 获取当前访问的根域名 function getRootDomain() { const hostname = window.location.hostname; // 获取完整域名(如 www.example.com.cn) const parts = hostname.split('.'); // 按 . 分割域名 // 处理二级顶级域名(如 com.cn、co.uk) const secondLevelDomains = ['com', 'co', 'org', 'net', 'gov', 'edu']; // 常见的二级顶级域名前缀 if (parts.length > 2 && secondLevelDomains.includes(parts[parts.length - 2])) { return parts.slice(-3).join('.'); // 取最后三部分作为根域名(如 example.com.cn) } else { return parts.slice(-2).join('.'); // 否则取最后两部分作为根域名(如 example.com) } } // 生成链接 function generateLinks(rootDomain) { const links = [ { url: `http://${rootDomain}`, text: "主页" }, { url: `http://www.${rootDomain}`, text: "首页" }, { url: `http://h5.${rootDomain}`, text: "H5网站" }, { url: `http://wap.${rootDomain}`, text: "WAP站点" }, { url: `http://m.${rootDomain}`, text: "手机站" } ]; const linkContainer = document.getElementById("linkself"); links.forEach(link => { const a = document.createElement("a"); a.href = link.url; a.textContent = link.text; a.style.display = "block"; // 每个链接显示为块级元素 linkContainer.appendChild(a); }); } // 获取根域名并生成链接 const rootDomain = getRootDomain(); generateLinks(rootDomain); </script> <!-- 自身链接拓展 --> <!-- 友情链接外链开始 --> <div class="frendlinks" style="display:none;height:0;overflow: hidden;font-size: 0;">友情链接: <br> </div> <!-- 友情链接外链结束 --> <!-- 外链收录开始 --> <span id="WzLinks" style="display:none;height:0;overflow: hidden;font-size: 0;"></span> <script language="javascript" type="text/javascript" src="//cdn.wzlink.top/wzlinks.js"></script> <!-- 外链收录结束 --> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"3LOts1Z6G9mqhKAu",ck:"3LOts1Z6G9mqhKAu"})</script> <script type="text/javascript"> $(function(){ var w = $(window).width(); if(w<768){ $('#fangan_msg').removeClass('fangan_msg'); } if(w>=1200){ var h = $('#fangan_msg').offset().top $(window).scroll(function(){ var wh=$(this).scrollTop(); if(wh>h){ $('#fangan_msg').stop().animate({top:wh-h+10}) } else{ $('#fangan_msg').stop().animate({top:0}) } }) } }) </script> </body> </html>