如何看angularjs源代码

JavaScript017

如何看angularjs源代码,第1张

大部分JS框架的源代码都可以在Github中找到,angular.js也不例外,要想在Github中找到相应的源代码,步骤如下:

在浏览器中访问github.com

在右上角的搜索框中输入想要查找的源代码(本次输入angular.js),按回车搜索

在查询结果中,一般来说第一个结果就是对应的源代码(angular.js)

点进去后,可以在线查看,亦可以点击绿色下拉按钮“Clone or download”,用git复制地址同步源代码到本地,或者打包成zip压缩包下载都本地。

注意事项:

查阅angular.js源代码需要有一定的javascript基础

建议找一些demo配合查看源代码效果更佳

<html>

<head>

<meta http-equiv="Content-type" content="text/htmlcharset=utf-8">

<title>远程网页源代码读取</title>

<style type="text/css">

/* 页面字体样式 */

body, td, input, textarea {

font-family:Arial

font-size:12px

}

</style>

<script type="text/javascript">

//用于创建XMLHttpRequest对象

function createXmlHttp() {

//根据window.XMLHttpRequest对象是否存在使用不同的创建方式

if (window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest() //FireFox、Opera等浏览器支持的创建方式

} else {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")//IE浏览器支持的创建方式

}

}

//直接通过XMLHttpRequest对象获取远程网页源代码

function getSource() {

var url = document.getElementById("url").value//获取目标地址信息

//地址为空时提示用户输入

if (url == "") {

alert("请输入网页地址。")

return

}

document.getElementById("source").value = "正在加载……" //提示正在加载

createXmlHttp() //创建XMLHttpRequest对象

xmlHttp.onreadystatechange = writeSource //设置回调函数

xmlHttp.open("GET", url, true)

xmlHttp.send(null)

}

//将远程网页源代码写入页面文字区域

function writeSource() {

if (xmlHttp.readyState == 4) {

document.getElementById("source").value = xmlHttp.responseText

}

}

</script>

</head>

<body>

<h1>远程网页源代码读取</h1>

<div>

地址:<input type="text" id="url">

<input type="button" onclick="getSource()" value="获取源码">

</div>

<textarea rows="10" cols="80" id="source"></textarea>

</body>

</html>

我也是别人那抄的 你试试吧 好的话给我个最佳