通过dom与bom和js交互，实现网页动态化实验

网页动态化主要是通过JavaScript与DOM（文档对象模型）和BOM（浏览器对象模型）交互来实现的。DOM提供了一种访问和操作HTML元素的标准方式，而BOM提供了一种访问和操作浏览器窗口的标准方式。

在JavaScript中，可以使用document对象来操作DOM元素，例如：

// 获取元素
var element = document.getElementById('myElement');

// 改变元素内容
element.innerHTML = 'Hello, world!';

// 添加新元素
var newElement = document.createElement('div');
newElement.innerHTML = 'This is a new element!';
document.body.appendChild(newElement);

同时，JavaScript还可以通过BOM提供的window对象来访问和操作浏览器窗口，例如：

// 弹出对话框
window.alert('Hello, world!');

// 改变窗口位置
window.moveTo(0, 0);

// 改变窗口大小
window.resizeTo(800, 600);

通过这些方法，可以实现网页动态化，例如实现交互式表单、动态添加/删除元素、定时刷新页面等功能。