本文所展示的知识点是如何使用JavaScript来控制网页中的一张图片进行360度旋转。具体来说，该代码通过编写一个JavaScript函数rotate()来实现图片每次旋转90度，并通过HTML中的按钮触发旋转动作，实现图片360度的旋转效果。
知识点一：JavaScript基础语法
JavaScript代码主要通过< script >标签嵌入到HTML页面中，可以使用< script language="javascript">来指定使用的脚本语言。在JavaScript中，变量的声明通常不需指定类型，由JavaScript引擎在运行时自动判断。
知识点二：图片旋转的实现
1. 判断浏览器类型：在代码中通过检测document.uniqueID来判断当前浏览器是否为IE，如果是IE浏览器，则使用filter属性来实现图片的旋转。否则使用Canvas元素进行绘制。
2. IE浏览器的旋转实现：对于IE浏览器，使用filter属性配合"progid:DXImageTransform.Microsoft.BasicImage(rotation=旋转角度)"来旋转图片。旋转角度由变量i控制，每次调用函数时，i递增1，并且每次旋转后都会判断i是否大于4，如果大于则重置为1。
3. 非IE浏览器的旋转实现：对于非IE浏览器，使用HTML5的Canvas元素进行绘制。首先创建一个新的Canvas元素，并通过getContext("2d")获取Canvas的绘图环境。接着使用context的translate和rotate方法来改变图片的绘制坐标和旋转角度。然后使用drawImage方法将原始图片绘制到Canvas上。
知识点三：事件处理
在HTML中，通过一个按钮元素的onclick事件触发JavaScript函数rotate()。这个事件处理函数会在按钮被点击时执行，其参数是通过document.getElementById('myimg')获取的图片元素。
知识点四：HTML和JavaScript的交互
在HTML中，通过id属性为图片设置了唯一标识符，JavaScript函数中使用document.getElementById()方法来获取这个图片元素。这样就可以在JavaScript中操作对应的HTML元素。同时，在JavaScript中可以通过< img >标签的src属性来指定图片的路径。
知识点五：兼容性处理
由于不同浏览器对新技术的支持程度不同，因此在实现功能时需要考虑浏览器兼容性问题。代码中通过判断是否支持Canvas的绘图环境(context)来决定是使用CSS属性还是Canvas API来实现图片旋转，从而确保不同浏览器中都能实现旋转效果。
知识点六：动画的循环控制
通过循环控制图片的旋转，实现连续旋转动画效果。每次旋转90度，经过四次旋转（90度 * 4 = 360度），图片完成一周的旋转。通过在函数中递增变量i的值，并在达到4时重置为1，来控制旋转的循环。
知识点七：代码组织和优化
为方便代码的使用和维护，将JavaScript代码封装在< script >标签中，并将HTML代码与JavaScript代码分开组织，提高代码的可读性和维护性。同时，代码中通过< title >标签提供了文档的标题，通过< img >标签和< input >按钮标签来呈现和操作图片。
本文所介绍的JavaScript代码演示了如何通过基本的JavaScript语法和HTML交互技术来实现一个图片的360度旋转动画效果，并且考虑到了代码的兼容性和可维护性。这对于网页动画效果的实现有一定的指导意义，并且可以推广到其他类似的动画效果实现中。
