post exchange.getAttributes().put() 怎么添加body

时间: 2023-11-27 19:52:47 浏览: 133

漂浮代码，直接添加body中就可以使用

根据给定的信息，本文将对一个与网页中的漂浮广告相关的JavaScript代码进行解析，并提炼出其中涉及的关键技术点。此代码实现了一个简单的漂浮广告功能，即广告可以在页面上浮动显示，不受滚动条的影响。 ### 关键技术点 #### 1. CSS样式设置在CSS部分，代码设置了一个简单的`img`元素的样式： ```css <style type="text/css"> img { border: 0; } </style> ``` 这里通过`border: 0;`去除了图像边框，确保广告图片能够正常显示而不会有多余的边框。 #### 2. 添加事件监听器代码中定义了`addEvent`函数，用于给DOM元素添加事件监听器。该函数支持多种浏览器的兼容性处理，包括IE8以下版本的旧版浏览器。 ```javascript function addEvent(obj, evtType, func, cap) { cap = cap || false; if (obj.addEventListener) { obj.addEventListener(evtType, func, cap); return true; } else if (obj.attachEvent) { if (cap) { obj.setCapture(); return true; } else { return obj.attachEvent("on" + evtType, func); } } else { return false; } } ``` **关键点解析：** - **参数解释**： - `obj`: DOM对象。 - `evtType`: 事件类型（如`click`、`mouseover`等）。 - `func`: 要执行的回调函数。 - `cap`: 指示是否在捕获阶段触发事件（默认为`false`）。 - **兼容性处理**： - 使用`addEventListener`来添加事件监听器，这是现代浏览器的标准方法。 - 对于不支持`addEventListener`的老版本浏览器（如IE），则使用`attachEvent`来添加事件监听器。 - 在某些情况下，可能还需要调用`setCapture()`来改变事件流的行为。 #### 3. 获取页面滚动位置为了使广告能够在页面上正确浮动，需要获取当前页面的滚动位置。这部分通过`getPageScroll`函数实现。 ```javascript function getPageScroll() { var xScroll, yScroll; if (self.pageXOffset) { xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollLeft) { xScroll = document.documentElement.scrollLeft; } else if (document.body) { xScroll = document.body.scrollLeft; } if (self.pageYOffset) { yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop) { yScroll = document.documentElement.scrollTop; } else if (document.body) { yScroll = document.body.scrollTop; } var arrayPageScroll = new Array(xScroll, yScroll); return arrayPageScroll; } ``` **关键点解析：** - 该函数通过多种方式获取页面的水平和垂直滚动位置，以确保在不同浏览器下都能得到正确的值。 - 兼容性考虑：不同的浏览器可能采用不同的属性来表示滚动位置，例如`pageXOffset`、`scrollLeft`、`scrollTop`等。 #### 4. 获取页面大小同样地，为了更好地控制广告的位置，还需要知道当前窗口的大小。这部分通过`GetPageSize`函数实现。 ```javascript function GetPageSize() { var xScroll, yScroll; // ...省略获取滚动大小的代码... var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } // ...省略计算页面大小的其他逻辑... var pageWidth = windowWidth; var pageHeight = windowHeight; var arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight); return arrayPageSize; } ``` **关键点解析：** - 此函数首先尝试获取页面的实际滚动大小，然后计算窗口的宽度和高度。 - 同样地，这里也考虑了不同浏览器之间的差异性，通过多种方式来获取窗口的尺寸。 #### 5. 广告配置对象可以看到代码中还定义了一个名为`AdMoveConfig`的对象，但其具体内容未给出。这个对象可能是用来存储与广告移动相关的配置信息，例如广告的位置、是否初始化等。 ### 总结本文针对一个实现漂浮广告功能的JavaScript代码进行了详细的技术解析。从CSS样式设置到JavaScript的事件监听器、页面滚动位置获取、页面大小获取等方面都进行了深入分析。通过这些关键技术点的学习，可以更好地理解如何在网页中实现动态的漂浮广告效果。

`exchange.getAttributes().put()` 是用来设置HTTP请求的属性，而HTTP请求的body需要通过`exchange.getRequest().getBody()`来获取并设置。下面是一个示例代码，展示如何将字符串作为请求体发送到服务器： ```java String requestBody = "Hello World!"; exchange.getRequest().setBody(requestBody.getBytes()); ``` 在这个示例中，我们将字符串"Hello World!"作为请求体，首先将其转换为字节数组，然后通过`exchange.getRequest().setBody()`设置到HTTP请求中。你也可以根据需要自行修改请求体的内容和格式。

阅读全文

post exchange.getAttributes().put() 怎么添加body

相关推荐

对Django 中request.get和request.post的区别详解

jQuery的3种请求方式$.post,$.get,$.getJSON

post exchange.getAttributes().put() 怎么用

jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解

解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

volley post.get请求，图片请求

关于get.post delete put 的用法

java视屏\5.WEB SERVER\5.GetPost表单解析.mp4

django_view_dispatch:基于请求 HTTP 动词（GET、POST、PUT...）在 urls.py 中调度视图的 Django 实用程序

spring cloud feign不支持@RequestBody+ RequestMethod.GET报错的解决方法

GET方式和POST方式.pdf

httpclient 执行get/post/put代码

PHP $-GET变量:$POST变量.md

lOS中AFNetworking网络请求的get和post步骤.zip

Nginx服务器中使用lua获取get或post参数.docx

TestPost.zip_HTTP Get Post_POST GET_c++ httpclient_http请求_请求http

android http （get, post, put）封装

最新推荐

Python requests.post方法中data与json参数区别详解

ASP.NET Core自定义中间件如何读取Request.Body与Response.Body的内容详解

VB使用XMLHTTP实现Post与Get的方法

C#模拟http 发送post或get请求的简单实例

java通过HttpServletRequest获取post请求中的body内容的方法

黑板风格计算机毕业答辩PPT模板下载

管理建模和仿真的文件

提升点阵式液晶显示屏效率技术

在SoC芯片的射频测试中，ATE设备通常如何执行系统级测试以保证芯片量产的质量和性能一致？

CodeSandbox实现ListView快速创建指南