내 HTML 페이지의 JavaScript를 동일한 디렉토리의 .txt 파일 (status.txt)에서 읽고 .txt 파일의 정보에 따라 두 가지 다른 글꼴 색상으로 내용을 표시하려고합니다. 현재 페이지에 텍스트를 잘 표시하고 있지만 좀 더 눈에 띄게 만들고 싶었습니다. 다음은 기본 #ccc 16 진수로 텍스트를 표시하는 현재 코드입니다.
<script type="text/javascript">
loadXMLDoc();
</script>
<script type="text/javascript">
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("status").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "status.txt", true);
xmlhttp.send();
}
</script>
<h3 id="status" style="padding-right: 7px; padding-left: 7px; margin-top: 2px; font-size: 11px; color: #cccccc">
Status
</h3>
.vbs 파일이 실행될 때마다 텍스트 파일 내용을 덮어 씁니다. 다음 중 하나가 표시됩니다.
6/11/2016 8:58:30 AM Script Started
또는
6/11/2016 9:31:12 AM Script Stopped
변경되는 유일한 것은 타임 스탬프입니다. 텍스트가 "(timestamp) Script Stopped"이면 빨간색으로, "timestamp) Script Started"이면 녹색으로 표시하고 싶습니다. 누구든지 도울 수 있다면 좋을 것입니다!
var color = xmlhttp.responseText.indexOf('Started') !== -1 ? 'green' : 'red';
document.getElementById("status").innerHTML = '<span style="color: ' + color + '">' + xmlhttp.responseText + '</span>';
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다