动态网页在服务器端运行,用户浏览器所接受到的页面全是静态网页吗???

这个问题让我想起了我刚开始进入这个行业的时候。
当时我对动态网页的理解很简单。
说实话,创建动态网页的过程和出去餐馆吃饭一模一样。
看似简单,背后却有很多用心。

首先,用户在浏览器中输入 URL 或单击链接。
这就像走进一家餐馆点你想要的食物一样。
这个动作相当于用户向服务器发送请求。

服务器端的“厨师”收到了请求。
根据这个要求,我们会去厨房按照您的订单做饭。
这个准备过程是服务器根据请求计算出一个静态结果。
我们这里所说的“静态结果”实际上是网页的内容,但并不是你最终看到的内容。

然后,服务器将计算出的静态网页发送回用户的浏览器,就像厨师端出做好的饭菜一样。
这个过程类似于食物从厨房到餐桌的过程。

最后,用户的浏览器接收并显示静态网页。
就像当你看完一道菜后,你就开始享受它一样。

说白了,动态网页的流程是:用户请求——服务器处理请求——发送静态网页——用户查看静态网页。
然而,它实际上涉及到很多技术细节,比如服务器如何处理请求、浏览器如何显示网页等。
所有这一切都非常复杂。
但总的来说,这个过程既复杂又简单。

为什么复制别人写的html+css+js代码完成后,图片不会向右移动。开发工具没有显示任何错误

代码有错误。

右键可以移动图片。

向上、向下、向左按钮没有反应。

开关声明应该是固定的。

html 中如何调用css js

老实说,这真的很有趣。
HTML 如何请求 CSS 和 JS 来救援?主要有两种方式,一种是直接导入,一种是调用外部文件。

首先我们来谈谈CSS。
调用CSS,第一步是使用内联,即使用
这种方法的优点是省事,不需要额外的文件。
说实话,我学的时候并没有理解。
这种写法不太可靠。
代码和HTML混在一起,以后想改的话都不知道改哪里。
此方法最适合临时夹紧或图案很少的情况。
你看,像 body{color:red;} 这样简单的东西适合临时使用。

第二种方法是外部CSS,使用<link>标签指向一个独立的.css文件。
例如 <link rel="stylesheet" href="styles.css">。
这种写作方式有很多优点。
您会看到,代码与 HTML 分离,使其更易于维护。
而且浏览器可以缓存.css文件,下次访问时不需要再次下载,加载速度非常快。
之前做项目的时候,使用了外部CSS,整个网站的加载速度明显提升。
这种写法适合大多数情况,尤其是大型项目。

我们来谈谈JS。
称之为 JS,类似于 CSS。
也有两种类型:内部文件和外部文件。

内联JS意味着使用[xss_clean]标签编写代码。
例如 [xss_clean]console.log("Hello World!");[xss_clean]。
这种写法的缺点尤为明显。
你看,JS代码与HTML混合在一起。
以后如果要改JS,就得先找到对应的[xss_clean]标签,非常麻烦。
另外,浏览器解析HTML时,遇到[xss_clean]就停止读取JS。
如果JS代码太长,页面就会卡住。
这种写法适合最多写几个简单的按钮事件。

外部 JS 使用 [xss_clean] 标记的 src 属性指向独立的 .js 文件。
例如 [xss_clean][xss_clean]。
这种写作方式有很多优点。
您会看到,代码与 HTML 分离,使其更易于维护。
而且,浏览器可以缓存.js文件,所以下次访问时不需要再次下载,而且加载速度非常快。
之前做项目的时候使用过外部JS,整个网站的交互体验有了明显的提升。
这种写法适合大多数情况,尤其是大型项目。

所以你看,无论是CSS还是JS,调用外部文件都是最好的选择。
这样,代码分离,维护方便,浏览器可以缓存,加载速度快。
另外,如果项目较大,可以将CSS/JS拆分成header.css、footer.js等几个较小的文件,然后用工具将它们合并压缩,以提高加载效率。

总之,调用CSS和JS最好的方式就是调用外部文件。
尽可能使用内联代码,尤其是在大型项目中。
您还应该注意安装位置。
尝试将 CSS 放在 <head> 中,将 JS 放在 <body> 末尾。
你看,这很简单。