双机互动类型的H5实现原理主要包括以下几个步骤：

1. 页面加载：当用户打开网页时，浏览器会从服务器获取HTML、CSS和JavaScript文件。这些文件会被浏览器解释并加载到页面中。

2. JavaScript执行：浏览器会在页面加载完成后，执行JavaScript代码。JavaScript代码可以实现页面的动态交互和响应式设计。

3. UI渲染：JavaScript代码会根据用户的操作和页面数据，渲染出相应的UI元素。例如，当用户点击按钮时，JavaScript代码会更新按钮的样式，或者发送请求到服务器获取新的数据。

4. 服务器响应：服务器接收到用户的请求后，会根据请求的类型和内容，执行相应的处理。例如，当用户请求获取某个页面的数据时，服务器会返回该数据。

5. 互动反馈：服务器返回的数据会被浏览器解析并显示在页面上。用户可以通过查看返回的数据，了解服务器的处理情况和页面的状态。

6. 服务器响应：服务器接收到用户的请求后，会根据请求的类型和内容，执行相应的处理。例如，当用户请求获取某个页面的数据时，服务器会返回该数据。

通过以上步骤，双机互动类型的H5实现了页面的动态交互和响应式设计。